:root {
  /**
     @Font-Family Declaration
   */
  --tj-ff-body: 'Poppins', sans-serif;
  --tj-ff-heading: 'Outfit', sans-serif;
  --tj-ff-fontawesome: "Font Awesome 6 Pro";
  /**
     @Font-weight Declaration
   */
  --tj-fw-thin: 100;
  --tj-fw-elight: 200;
  --tj-fw-light: 300;
  --tj-fw-regular: 400;
  --tj-fw-medium: 500;
  --tj-fw-sbold: 600;
  --tj-fw-bold: 700;
  --tj-fw-ebold: 800;
  --tj-fw-black: 900;
  /**
     @Font-Size Declaration
   */
  --tj-fs-body: 16px;
  --tj-fs-h1: 80px;
  --tj-fs-h2: 50px;
  --tj-fs-h3: 30px;
  --tj-fs-h4: 28px;
  --tj-fs-h5: 24px;
  --tj-fs-h6: 18px;
  /**
     @Color Declaration
   */
  --tj-color-common-white: #ffffff;
  --tj-color-common-black: #000000;
  --tj-color-heading-primary: #323c45;
  --tj-color-text-body: #717171;
  --tj-color-theme-primary: #39ca6e;
  --tj-color-theme-secondary: #323c45;
  --tj-color-theme-bg: #fafafc;
  --tj-color-grey-1: #bdc5ca;
  --tj-color-grey-2: #f2f5f9;
  --tj-color-grey-3: #dcdee7;
  --tj-color-grey-4: #06080a;
  --tj-color-grey-5: #131a21;
  --tj-color-light-1: #fafafc;
  --tj-color-light-2: #ecfff3;
  --tj-color-light-3: #f0f2f1;
  --tj-color-light-4: #7b7b7b;
  --tj-color-light-5: #aaeac1;
  --tj-color-light-6: #67c58a;
  --tj-color-light-7: #bec1c5;
  --tj-color-light-8: #fff61b;
  --tj-color-light-9: #ffd40b;
  --tj-color-border-1: #fafafc;
  --tj-color-border-2: #dcdee7;
  --tj-color-border-3: #aaeac1;
  --tj-color-border-4: #c5fdd9;
}

/**----------------------------------------
START: Theme Default CSS
----------------------------------------*/
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/**
  Typography CSS
*/
body {
  font-family: var(--tj-ff-body);
  font-size: var(--tj-fs-body);
  font-weight: var(--tj-fw-regular);
  color: var(--tj-color-text-body);
  line-height: 1.7;
}

a {
  text-decoration: none;
}

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

h1 {
  font-size: var(--tj-fs-h1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  h1 {
    font-size: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  h1 {
    font-size: 65px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  h1 {
    font-size: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  h1 {
    font-size: 55px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  h1 {
    font-size: 45px;
  }
}
@media (max-width: 575px) {
  h1 {
    font-size: 40px;
  }
}

h2 {
  font-size: var(--tj-fs-h2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  h2 {
    font-size: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  h2 {
    font-size: 45px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  h2 {
    font-size: 38px;
  }
}
@media (max-width: 575px) {
  h2 {
    font-size: 34px;
  }
}

h3 {
  font-size: var(--tj-fs-h3);
}
@media (max-width: 575px) {
  h3 {
    font-size: 28px;
  }
}

h4 {
  font-size: var(--tj-fs-h4);
}
@media (max-width: 575px) {
  h4 {
    font-size: 25px;
  }
}

h5 {
  font-size: var(--tj-fs-h5);
}
@media (max-width: 575px) {
  h5 {
    font-size: 22px;
  }
}

h6 {
  font-size: var(--tj-fs-h6);
}
@media (max-width: 575px) {
  h6 {
    font-size: 16px;
  }
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-size: inherit;
  color: 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 {
  font-size: inherit;
  color: inherit;
  font-weight: inherit;
}

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

a,
.btn,
button,
p,
input,
select,
textarea,
li,
img,
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 {
  text-decoration: none;
  outline: none;
}

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

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

button:focus,
button:focus:not(:focus-visible) {
  outline: 0;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

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

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

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

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

::-ms-input-placeholder {
  color: var(--tj-color-grey-1);
}

::-webkit-input-placeholder {
  color: var(--tj-color-grey-1);
}

::-moz-placeholder {
  color: var(--tj-color-grey-1);
}

:-ms-input-placeholder {
  color: var(--tj-color-grey-1);
}

::placeholder {
  color: var(--tj-color-grey-1);
}

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

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

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

input:not([type=submit]):not([type=radio]):not([type=checkbox]),
textarea {
  outline: none;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}
input:not([type=submit]):not([type=radio]):not([type=checkbox]):focus,
textarea:focus {
  border-color: var(--tj-color-theme-primary);
}

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

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

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

.fix {
  overflow: hidden;
}

.dot-style {
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-main {
  position: relative;
  overflow: hidden;
}

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

.row > * {
  padding-left: 15px;
  padding-right: 15px;
}

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

/**----------------------------------------
START: Error CSS
----------------------------------------*/
.tj-error__area {
  padding: 120px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-error__area {
    padding: 100px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-error__area {
    padding: 80px 0;
  }
}
.tj-error__content {
  position: relative;
  max-width: 890px;
  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;
  width: 415px;
  height: 415px;
  background-color: var(--tj-color-theme-primary);
  border-radius: 50%;
  padding: 30px;
  margin-bottom: 50px;
}
.tj-error__content .error_img img {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  max-width: 80%;
}
.tj-error__content .error_title {
  font-size: var(--tj-fs-h1);
  line-height: 1;
  margin: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tj-error__content .error_title {
    font-size: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-error__content .error_title {
    font-size: 65px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-error__content .error_title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-error__content .error_title {
    font-size: 55px;
  }
}
@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 {
  font-size: 18px;
  margin-top: 20px;
}
.tj-error__content .error_btn {
  margin-top: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-error__content {
    max-width: 670px;
  }
  .tj-error__content .error_img {
    width: 315px;
    height: 315px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tj-error__content {
    max-width: 490px;
  }
  .tj-error__content .error_img {
    width: 250px;
    height: 250px;
    margin-bottom: 40px;
  }
}
@media (max-width: 575px) {
  .tj-error__content {
    max-width: 375px;
  }
  .tj-error__content::after, .tj-error__content::before {
    width: 50px;
    height: 50px;
  }
  .tj-error__content .error_img {
    width: 180px;
    height: 180px;
    margin-bottom: 20px;
  }
  .tj-error__content .error_desc {
    margin-top: 15px;
  }
  .tj-error__content .error_btn {
    margin-top: 20px;
  }
}

/* !END: Error CSS */
/**
  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;
  position: relative;
  overflow: hidden;
  z-index: 1;
  -webkit-transition: 0.4s ease-in-out 0s;
  transition: 0.4s ease-in-out 0s;
  font-size: 16px;
  line-height: 1;
  background-color: var(--tj-color-theme-secondary);
  color: var(--tj-color-common-white);
  font-weight: var(--tj-fw-medium);
  text-transform: capitalize;
  padding: 18px 30px;
  border-radius: 0;
  border: none;
}
.tj-primary-btn:focus {
  color: var(--tj-color-common-white);
}
.tj-primary-btn i {
  color: var(--tj-color-common-white);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
  -webkit-transform: rotate(-30deg);
      -ms-transform: rotate(-30deg);
          transform: rotate(-30deg);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.tj-primary-btn:before, .tj-primary-btn:after {
  -webkit-transition: 0.6s ease;
  transition: 0.6s ease;
  content: "";
  position: absolute;
  z-index: -1;
  background-color: var(--tj-color-theme-primary);
  top: 0;
  bottom: 0;
  -webkit-transform: skewX(-45deg);
      -ms-transform: skewX(-45deg);
          transform: skewX(-45deg);
  width: 175%;
}
.tj-primary-btn:before {
  left: -125%;
}
.tj-primary-btn:after {
  right: -124%;
}
.tj-primary-btn:hover {
  color: var(--tj-color-common-white);
}
.tj-primary-btn:hover i {
  color: var(--tj-color-common-white);
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}
.tj-primary-btn:hover:before, .tj-primary-btn:hover:after {
  width: 105%;
}

.tj-bordered-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;
  position: relative;
  overflow: hidden;
  z-index: 1;
  -webkit-transition: 0.4s ease-in-out 0s;
  transition: 0.4s ease-in-out 0s;
  font-size: 16px;
  line-height: 1;
  background-color: transparent;
  border: 2px solid var(--tj-color-theme-primary);
  color: var(--tj-color-theme-primary);
  font-weight: var(--tj-fw-medium);
  text-transform: capitalize;
  padding: 18px 30px;
  border-radius: 0;
}
.tj-bordered-btn:focus {
  color: var(--tj-color-theme-primary);
}
.tj-bordered-btn i {
  color: var(--tj-color-theme-primary);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
  -webkit-transform: rotate(-30deg);
      -ms-transform: rotate(-30deg);
          transform: rotate(-30deg);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.tj-bordered-btn::before {
  content: "";
  position: absolute;
  width: 110%;
  height: 0;
  top: 50%;
  left: 50%;
  background: var(--tj-color-theme-primary);
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
      -ms-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
  z-index: -1;
  -webkit-transition: 0.5s ease-in-out 0s;
  transition: 0.5s ease-in-out 0s;
  border-radius: 0;
}
.tj-bordered-btn:hover {
  color: var(--tj-color-common-white);
}
.tj-bordered-btn:hover i {
  color: var(--tj-color-common-white);
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}
.tj-bordered-btn:hover::before {
  height: 380%;
}

.text-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  line-height: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  font-weight: var(--tj-fw-medium);
  text-transform: capitalize;
  color: var(--tj-color-heading-primary);
}
.text-btn i {
  color: var(--tj-color-heading-primary);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
  -webkit-transform: rotate(-30deg);
      -ms-transform: rotate(-30deg);
          transform: rotate(-30deg);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.text-btn:hover {
  color: var(--tj-color-theme-primary);
}
.text-btn:hover i {
  color: var(--tj-color-theme-primary);
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}

/**----------------------------------------
START: Theme Preloder CSS
----------------------------------------*/
.preloader {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: default;
  position: fixed;
  z-index: 999;
  -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-secondary);
}
.preloader .closeLoader {
  position: absolute;
  top: 15px;
  right: 15px;
  background-color: var(--tj-color-common-white);
  padding: 18px 25px;
}
.preloader .closeLoader:hover {
  color: var(--tj-color-heading-primary);
}
@media (max-width: 575px) {
  .preloader .closeLoader {
    padding: 15px 20px;
  }
}
.preloader .animation-preloader {
  z-index: 1000;
}
.preloader .animation-preloader .spinner {
  position: absolute;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
  border: 3px solid var(--tj-color-common-white);
  border-radius: 50%;
  text-align: center;
  line-height: 94px;
}
.preloader .animation-preloader .spinner::before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
  border-top: 3px solid var(--tj-color-theme-primary);
  border-radius: 50%;
  animation: loaderspin 1.8s infinite ease-in-out;
  -webkit-animation: loaderspin 1.8s infinite ease-in-out;
}
.preloader .animation-preloader .txt-loading {
  font-size: 80px;
  line-height: 118px;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-weight: 700;
  margin-top: 170px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .preloader .animation-preloader .txt-loading {
    font-size: 60px;
    line-height: 95px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .preloader .animation-preloader .txt-loading {
    font-size: 50px;
    line-height: 85px;
    margin-top: 120px;
  }
}
@media (max-width: 575px) {
  .preloader .animation-preloader .txt-loading {
    font-size: 36px;
    line-height: 65px;
    margin-top: 100px;
  }
}
.preloader .animation-preloader .txt-loading .letters-loading {
  color: var(--tj-color-common-white);
  position: relative;
}
.preloader .animation-preloader .txt-loading .letters-loading::before {
  -webkit-animation: letters-loading 4s infinite;
  animation: letters-loading 4s infinite;
  color: var(--tj-color-theme-primary);
  content: attr(data-text-preloader);
  left: 1px;
  opacity: 0;
  position: absolute;
  top: -11px;
  -webkit-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(2)::before {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(3)::before {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(4)::before {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(5)::before {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(6)::before {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(7)::before {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(8)::before {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(9)::before {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
}

@keyframes letters-loading {
  0%, 75%, 100% {
    opacity: 0;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
  }
  25%, 50% {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}
@-webkit-keyframes loaderspin {
  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 loaderspin {
  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 loaderpulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@keyframes loaderpulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
/* !END: Theme Preloder CSS */
/**----------------------------------------
START: Theme Meanmenu CSS
----------------------------------------*/
.tj-bottom-content-area {
  border-bottom: 2px solid rgba(255, 255, 255, 0.15);
  padding-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-bottom-content-area {
    padding-bottom: 15px;
  }
}
@media (max-width: 575px) {
  .tj-bottom-content-area {
    padding-top: 15px;
  }
}

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

.menu-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: 130px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .menu-area {
    gap: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .menu-area {
    gap: 25px;
  }
}

.tj-menu-area ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tj-menu-area ul {
    gap: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-menu-area ul {
    gap: 20px;
  }
}
.tj-menu-area ul > li {
  position: relative;
  z-index: 1;
}
.tj-menu-area ul > li > a {
  color: var(--tj-color-common-white);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  position: relative;
  padding: 15px 0;
  transition: 0.4s;
  display: block;
}
.tj-menu-area ul > li > a::before {
  position: absolute;
  content: "";
  width: 9px;
  height: 2px;
  border-radius: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -15px;
  background: var(--tj-color-theme-primary);
  opacity: 0;
  visibility: hidden;
  z-index: 2;
  display: none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-menu-area ul > li > a::before {
    left: -15px;
  }
}
.tj-menu-area ul > li.current-menu-ancestor a, .tj-menu-area ul > li.current-menu-item a, .tj-menu-area ul > li:hover a {
  color: var(--tj-color-theme-primary);
}
.tj-menu-area ul > li.current-menu-ancestor a::before, .tj-menu-area ul > li.current-menu-item a::before, .tj-menu-area ul > li:hover a::before {
  opacity: 1;
  visibility: visible;
}
.tj-menu-area ul > li.current-menu-ancestor a::after, .tj-menu-area ul > li.current-menu-item a::after, .tj-menu-area ul > li:hover a::after {
  color: var(--tj-color-theme-primary);
}
.tj-menu-area ul > li.menu-item-has-children > a, .tj-menu-area ul > li.has-dropdown > a {
  position: relative;
  z-index: 1;
  padding-right: 20px;
}
.tj-menu-area ul > li.menu-item-has-children > a::after, .tj-menu-area ul > li.has-dropdown > a::after {
  position: absolute;
  content: "\f107";
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  font-family: "Font Awesome 6 Pro";
  -webkit-transition: 0.1s;
  transition: 0.1s;
  line-height: 1;
}
.tj-menu-area ul > li > .sub-menu {
  text-align: left;
  margin: 0;
  list-style: none;
  background: var(--tj-color-theme-secondary);
  position: absolute;
  opacity: 0;
  padding: 10px 0;
  visibility: hidden;
  z-index: 100;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  width: 230px;
  -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
  gap: 0;
  -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
          transform: translateY(20px);
  top: 100%;
  display: block;
  left: 0;
  pointer-events: none;
}
.tj-menu-area ul > li > .sub-menu::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 2px;
  background-color: var(--tj-color-theme-primary);
  content: "";
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.tj-menu-area ul > li > .sub-menu > li {
  display: block;
  width: 100%;
  margin-right: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  position: relative;
  z-index: 1;
}
.tj-menu-area ul > li > .sub-menu > li > a {
  position: relative;
  padding: 8px 20px;
  display: block;
  color: var(--tj-color-common-white);
}
.tj-menu-area ul > li > .sub-menu > li > a::before {
  content: "";
  width: 0;
  height: 2px;
  background-color: var(--tj-color-theme-primary);
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  display: block;
}
.tj-menu-area ul > li > .sub-menu > li.menu-item-has-children > a::after, .tj-menu-area ul > li > .sub-menu > li.has-dropdown > a::after {
  content: "\f105";
  right: 10px;
  color: var(--tj-color-common-white);
}
.tj-menu-area ul > li > .sub-menu > li.current-menu-ancestor, .tj-menu-area ul > li > .sub-menu > li.current-menu-item, .tj-menu-area ul > li > .sub-menu > li:hover {
  padding-left: 15px;
}
.tj-menu-area ul > li > .sub-menu > li.current-menu-ancestor > a, .tj-menu-area ul > li > .sub-menu > li.current-menu-item > a, .tj-menu-area ul > li > .sub-menu > li:hover > a {
  color: var(--tj-color-theme-primary);
}
.tj-menu-area ul > li > .sub-menu > li.current-menu-ancestor > a::before, .tj-menu-area ul > li > .sub-menu > li.current-menu-item > a::before, .tj-menu-area ul > li > .sub-menu > li:hover > a::before {
  opacity: 1;
  visibility: visible;
  width: 14px;
}
.tj-menu-area ul > li > .sub-menu > li.current-menu-ancestor > a::after, .tj-menu-area ul > li > .sub-menu > li.current-menu-item > a::after, .tj-menu-area ul > li > .sub-menu > li:hover > a::after {
  color: var(--tj-color-theme-primary);
}
.tj-menu-area ul > li > .sub-menu > li > .sub-menu {
  left: 100%;
  top: 0;
}
.tj-menu-area ul > li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  pointer-events: inherit;
}
.tj-menu-area ul > li:hover > .sub-menu::before {
  width: 100%;
}

/* !END: Theme Meanmenu CSS */
/**----------------------------------------
START: Theme Search CSS
----------------------------------------*/
.search_popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: var(--tj-color-theme-secondary);
  z-index: 100;
  padding-top: 70px;
  padding-bottom: 100px;
  opacity: 0;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  -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-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;
}
@media (max-width: 575px) {
  .search_popup {
    padding-top: 50px;
    padding-bottom: 70px;
  }
}
.search_wrapper .search_top {
  margin-bottom: 80px;
}
.search_wrapper .search_top .search_logo .logo {
  display: inline-block;
  max-width: 140px;
  width: 100%;
}
.search_wrapper .search_top .search_close .search_close_btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 30px;
  line-height: 1;
  color: var(--tj-color-common-white);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.search_wrapper .search_top .search_close .search_close_btn i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.search_wrapper .search_top .search_close .search_close_btn:hover {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.search_wrapper .search_top .search_close .search_close_btn:hover i {
  color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .search_wrapper .search_top {
    margin-bottom: 25px;
  }
}
.search_wrapper .search_form .search_input {
  position: relative;
  height: 80px;
  -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;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
  opacity: 0;
}
.search_wrapper .search_form .search_input::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 0%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.search_wrapper .search_form .search_input input[type=search] {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 0;
  outline: 0;
  font-size: 20px;
  font-weight: var(--tj-fw-regular);
  color: var(--tj-color-common-white);
  border-bottom: 1px solid transparent;
  padding: 0;
  padding-right: 30px;
}
.search_wrapper .search_form .search_input input[type=search]::-webkit-input-placeholder {
  color: var(--tj-color-common-white);
  opacity: 0.5;
}
.search_wrapper .search_form .search_input input[type=search]::-moz-placeholder {
  color: var(--tj-color-common-white);
  opacity: 0.5;
}
.search_wrapper .search_form .search_input input[type=search]:-ms-input-placeholder {
  color: var(--tj-color-common-white);
  opacity: 0.5;
}
.search_wrapper .search_form .search_input input[type=search]::-ms-input-placeholder {
  color: var(--tj-color-common-white);
  opacity: 0.5;
}
.search_wrapper .search_form .search_input input[type=search]::placeholder {
  color: var(--tj-color-common-white);
  opacity: 0.5;
}
.search_wrapper .search_form .search_input input[type=search] ~ .search-focus-border {
  position: absolute;
  bottom: 0;
  left: 0;
  right: auto;
  width: 0;
  height: 1px;
  background-color: var(--tj-color-theme-primary);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.search_wrapper .search_form .search_input input[type=search]:focus ~ .search-focus-border {
  width: 100%;
  left: 0;
  right: auto;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .search_wrapper .search_form .search_input input[type=search] {
    font-size: 20px;
  }
}
@media (max-width: 575px) {
  .search_wrapper .search_form .search_input input[type=search] {
    font-size: 18px;
  }
}
.search_wrapper .search_form .search_input button {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 25px;
  line-height: 1;
  color: var(--tj-color-common-white);
}
.search_wrapper .search_form .search_input button i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.search_wrapper .search_form .search_input button:hover i {
  color: var(--tj-color-theme-primary);
}

.search-popup-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  z-index: 999;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
  -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 0s;
  transition: all 0.5s ease-in-out 0s;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.search-popup-overlay.open {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

/* !END: Theme Search CSS */
/**----------------------------------------
START: Theme Scroll CSS
----------------------------------------*/
.solar-scroll-top {
  position: fixed;
  right: 30px;
  bottom: 25px;
  width: 45px;
  height: 45px;
  cursor: pointer;
  display: block;
  border-radius: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(0.75rem);
      -ms-transform: translateY(0.75rem);
          transform: translateY(0.75rem);
  -webkit-transition: all 0.2s linear, margin-right 0s;
  transition: all 0.2s linear, margin-right 0s;
}
.solar-scroll-top::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 2px solid var(--tj-color-theme-primary);
  opacity: 0.25;
  z-index: -1;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .solar-scroll-top {
    right: 15px;
    bottom: 15px;
  }
}

.solar-scroll-top.progress-done {
  visibility: visible;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.solar-scroll-top-icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  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: 18px;
  color: var(--tj-color-theme-primary);
}

.solar-scroll-top > svg path {
  fill: none;
}

.solar-scroll-top > svg.progress-circle path {
  stroke: var(--tj-color-theme-primary);
  stroke-width: 4;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}

@media (min-width: 1px) {
  .solar-scroll-top.progress-done {
    opacity: 1;
  }
}
@-webkit-keyframes letters-loading {
  0%, 75%, 100% {
    opacity: 0;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
  }
  25%, 50% {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}
@keyframes letters-loading {
  0%, 75%, 100% {
    opacity: 0;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
  }
  25%, 50% {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}
/* !END: Theme Scroll CSS */
/**----------------------------------------
START: Theme Animation CSS
----------------------------------------*/
@-webkit-keyframes rotateImg {
  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 rotateImg {
  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 rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

.reveal-image-anim {
  visibility: hidden;
  position: relative;
}

.shake-y {
  -webkit-animation: shakeY 5s ease-in-out infinite;
          animation: shakeY 5s ease-in-out infinite;
}

.pulse {
  -webkit-animation: pulse 3s ease-in-out infinite;
          animation: pulse 3s ease-in-out infinite;
}

@-webkit-keyframes shakeY {
  0% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  50% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
}

@keyframes shakeY {
  0% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  50% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
}
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
/**----------------------------------------
START: Theme Canvas CSS
----------------------------------------*/
.logo-area .mobile_logo {
  display: inline-block;
  max-width: 140px;
  width: 100%;
}

.tj-overlay-canvas,
.tj-hamburger-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: transparent;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  z-index: 999;
}
.tj-overlay-canvas.open,
.tj-hamburger-overlay.open {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.tj-offcanvas-area,
.tj-hamburger-menu {
  position: fixed;
  top: 0;
  right: 0;
  width: 480px;
  height: 100%;
  z-index: 9999;
  background-color: var(--tj-color-theme-secondary);
  padding: 50px 30px 80px 30px;
  overflow-y: scroll;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}
.tj-offcanvas-area.open,
.tj-hamburger-menu.open {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
@media (max-width: 575px) {
  .tj-offcanvas-area,
  .tj-hamburger-menu {
    width: 330px;
    padding: 40px 20px 50px 20px;
  }
}
.tj-offcanvas-area .tj-offcanvas-header,
.tj-hamburger-menu .tj-offcanvas-header {
  padding-bottom: 25px;
  margin-bottom: 45px;
}
.tj-offcanvas-area .tj-offcanvas-header .offcanvas_close,
.tj-hamburger-menu .tj-offcanvas-header .offcanvas_close {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
  font-size: 35px;
  color: var(--tj-color-common-white);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.tj-offcanvas-area .tj-offcanvas-header .offcanvas_close i,
.tj-hamburger-menu .tj-offcanvas-header .offcanvas_close i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.tj-offcanvas-area .tj-offcanvas-header .offcanvas_close:hover,
.tj-hamburger-menu .tj-offcanvas-header .offcanvas_close:hover {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.tj-offcanvas-area .tj-offcanvas-header .offcanvas_close:hover i,
.tj-hamburger-menu .tj-offcanvas-header .offcanvas_close:hover i {
  color: var(--tj-color-theme-primary);
}
.tj-offcanvas-area .tj-search-box,
.tj-hamburger-menu .tj-search-box {
  margin-bottom: 40px;
}
.tj-offcanvas-area .tj-search-box form,
.tj-hamburger-menu .tj-search-box form {
  position: relative;
  border-radius: 3px;
  overflow: hidden;
  z-index: 1;
}
.tj-offcanvas-area .tj-search-box form input[type=search],
.tj-hamburger-menu .tj-search-box form input[type=search] {
  border: 1px solid var(--tj-color-common-white);
  width: 100%;
  background-color: var(--tj-color-common-white);
  color: var(--tj-color-heading-primary);
  padding: 13px 15px;
  font-size: 17px;
  line-height: 1;
  outline: none;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}
.tj-offcanvas-area .tj-search-box form input[type=search]::-webkit-input-placeholder, .tj-hamburger-menu .tj-search-box form input[type=search]::-webkit-input-placeholder {
  color: var(--tj-color-heading-primary);
  opacity: 0.5;
}
.tj-offcanvas-area .tj-search-box form input[type=search]::-moz-placeholder, .tj-hamburger-menu .tj-search-box form input[type=search]::-moz-placeholder {
  color: var(--tj-color-heading-primary);
  opacity: 0.5;
}
.tj-offcanvas-area .tj-search-box form input[type=search]:-ms-input-placeholder, .tj-hamburger-menu .tj-search-box form input[type=search]:-ms-input-placeholder {
  color: var(--tj-color-heading-primary);
  opacity: 0.5;
}
.tj-offcanvas-area .tj-search-box form input[type=search]::-ms-input-placeholder, .tj-hamburger-menu .tj-search-box form input[type=search]::-ms-input-placeholder {
  color: var(--tj-color-heading-primary);
  opacity: 0.5;
}
.tj-offcanvas-area .tj-search-box form input[type=search]::placeholder,
.tj-hamburger-menu .tj-search-box form input[type=search]::placeholder {
  color: var(--tj-color-heading-primary);
  opacity: 0.5;
}
.tj-offcanvas-area .tj-search-box form input[type=search]:focus,
.tj-hamburger-menu .tj-search-box form input[type=search]:focus {
  border-color: var(--tj-color-theme-primary);
}
.tj-offcanvas-area .tj-search-box form button,
.tj-hamburger-menu .tj-search-box form button {
  position: absolute;
  right: -1px;
  top: 0;
  width: 55px;
  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;
  background-color: var(--tj-color-theme-primary);
  color: var(--tj-color-common-white);
  font-size: 20px;
  line-height: 1;
}
.tj-offcanvas-area .tj-search-box form button i,
.tj-hamburger-menu .tj-search-box form button i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.tj-offcanvas-area .tj-search-box form button:hover,
.tj-hamburger-menu .tj-search-box form button:hover {
  background-color: var(--tj-color-heading-primary);
}
.tj-offcanvas-area .tj-search-box form button:hover i,
.tj-hamburger-menu .tj-search-box form button:hover i {
  color: var(--tj-color-common-white);
}
.tj-offcanvas-area .desc,
.tj-hamburger-menu .desc {
  margin-bottom: 40px;
  color: var(--tj-color-common-white);
}
.tj-offcanvas-area .canvas-title,
.tj-hamburger-menu .canvas-title {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 20px;
  z-index: 1;
}
.tj-offcanvas-area .canvas-title::before,
.tj-hamburger-menu .canvas-title::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 50px;
  height: 2px;
  background: var(--tj-color-theme-primary);
}
.tj-offcanvas-area .canvas-title .title,
.tj-hamburger-menu .canvas-title .title {
  font-weight: var(--tj-fw-sbold);
  text-transform: capitalize;
  color: var(--tj-color-common-white);
  margin: 0;
}
.tj-offcanvas-area .contact_info,
.tj-hamburger-menu .contact_info {
  margin-bottom: 40px;
}
.tj-offcanvas-area .contact_info ul,
.tj-hamburger-menu .contact_info ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.tj-offcanvas-area .contact_info ul li,
.tj-hamburger-menu .contact_info ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  gap: 20px;
  padding-top: 5px;
}
.tj-offcanvas-area .contact_info ul li:not(:last-child),
.tj-hamburger-menu .contact_info ul li:not(:last-child) {
  margin-bottom: 25px;
}
.tj-offcanvas-area .contact_info ul li .icon,
.tj-hamburger-menu .contact_info ul li .icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  max-width: 30px;
  width: 100%;
  font-size: 30px;
  line-height: 1;
  color: var(--tj-color-theme-primary);
  margin-top: -5px;
}
.tj-offcanvas-area .contact_info ul li .icon i,
.tj-hamburger-menu .contact_info ul li .icon i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.tj-offcanvas-area .contact_info ul li .text,
.tj-hamburger-menu .contact_info ul li .text {
  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;
  width: calc(100% - 50px);
  font-size: var(--tj-fw-medium);
  line-height: 1.5;
  gap: 5px;
  color: var(--tj-color-common-white);
}
.tj-offcanvas-area .contact_info ul li .text a,
.tj-hamburger-menu .contact_info ul li .text a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: inherit;
}
.tj-offcanvas-area .contact_info ul li .text a:hover,
.tj-hamburger-menu .contact_info ul li .text a:hover {
  color: var(--tj-color-theme-primary);
}
.tj-offcanvas-area .offcanvas_socials ul,
.tj-hamburger-menu .offcanvas_socials 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: 15px;
}
.tj-offcanvas-area .offcanvas_socials ul li a,
.tj-hamburger-menu .offcanvas_socials ul li a {
  width: 35px;
  height: 35px;
  line-height: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 50%;
  color: var(--tj-color-common-black);
  background-color: var(--tj-color-common-white);
  position: relative;
  z-index: 1;
  font-size: 16px;
}
.tj-offcanvas-area .offcanvas_socials ul li a i,
.tj-hamburger-menu .offcanvas_socials ul li a i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.tj-offcanvas-area .offcanvas_socials ul li a:hover,
.tj-hamburger-menu .offcanvas_socials ul li a:hover {
  background-color: var(--tj-color-theme-primary);
}
.tj-offcanvas-area .offcanvas_socials ul li a:hover i,
.tj-hamburger-menu .offcanvas_socials ul li a:hover i {
  color: var(--tj-color-common-white);
}

.hamburger_mobile_menu .mean-container .mean-bar {
  background: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 40px;
}
.hamburger_mobile_menu .mean-container .mean-bar * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.hamburger_mobile_menu .mean-nav {
  background: transparent;
  margin-top: 0;
  overflow: hidden;
}
.hamburger_mobile_menu .mean-nav > div > ul {
  display: block !important;
}
.hamburger_mobile_menu .mean-nav > ul {
  display: block !important;
}
.hamburger_mobile_menu .mean-nav > ul > li:first-child > a {
  border-top: none;
}
.hamburger_mobile_menu .mean-nav ul li {
  position: relative;
}
.hamburger_mobile_menu .mean-nav ul li a {
  color: var(--tj-color-common-white);
  width: 100%;
  padding: 20px 0;
  border-top: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  font-weight: var(--tj-fw-medium);
  font-size: 17px;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 1px;
  -webkit-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}
.hamburger_mobile_menu .mean-nav ul li a:hover {
  color: var(--tj-color-theme-primary);
}
.hamburger_mobile_menu .mean-nav ul li.mean-last a {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.hamburger_mobile_menu .mean-nav ul li a.mean-expand {
  padding: 0;
  width: 30px;
  height: 30px;
  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;
  right: 0;
  top: 12px;
  -webkit-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}
.hamburger_mobile_menu .mean-nav ul li a.mean-expand i.fa-plus {
  display: block;
}
.hamburger_mobile_menu .mean-nav ul li a.mean-expand i.fa-minus {
  display: none;
}
.hamburger_mobile_menu .mean-nav ul li a.mean-expand:hover {
  color: var(--tj-color-theme-primary);
}
.hamburger_mobile_menu .mean-nav ul li a.mean-expand.mean-clicked {
  color: var(--tj-color-theme-primary);
}
.hamburger_mobile_menu .mean-nav ul li a.mean-expand.mean-clicked i.fa-minus {
  display: block;
}
.hamburger_mobile_menu .mean-nav ul li a.mean-expand.mean-clicked i.fa-plus {
  display: none;
}
.hamburger_mobile_menu .mean-nav ul li .sub-menu li {
  padding-left: 25px;
  position: relative;
}
.hamburger_mobile_menu .mean-nav ul li .sub-menu li a {
  width: 100%;
  padding: 20px 0;
}
.hamburger_mobile_menu .mean-nav ul li .sub-menu li a.mean-expand {
  padding: 0;
  width: 30px;
}
.hamburger_mobile_menu .mean-nav ul li.dropdown-opened > a {
  color: var(--tj-color-theme-primary);
}

/* !END: Theme Canvas CSS */
/**----------------------------------------
START: Theme Header CSS
----------------------------------------*/
.tj-header-area {
  position: relative;
  background-color: var(--tj-color-theme-secondary);
  padding: 30px 0;
  z-index: 98;
}
@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-header-area {
    padding: 20px 0;
  }
}
.tj-header-area.header-absolute {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 99;
  background-color: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.tj-header-area.header-duplicate {
  padding: 20px 0;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  border-bottom: none;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.06);
  z-index: 100;
  background-color: var(--tj-color-theme-secondary);
  visibility: hidden;
  -webkit-transform: translateY(-120%);
      -ms-transform: translateY(-120%);
          transform: translateY(-120%);
  -webkit-transition: visibility 500ms ease, -webkit-transform 500ms ease;
  transition: visibility 500ms ease, -webkit-transform 500ms ease;
  transition: transform 500ms ease, visibility 500ms ease;
  transition: transform 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
}
.tj-header-area.sticky {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  visibility: visible;
  z-index: 101;
}

.site-logo a {
  display: inline-block;
  max-width: 140px;
  width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .site-logo a {
    max-width: 130px;
  }
}

.sidebar_logo .logo,
.mobile_logo .logo {
  display: inline-block;
  max-width: 140px;
  width: 100%;
}

.header_right_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 25px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.header_right_info .header-search {
  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;
  border-radius: 50%;
  color: var(--tj-color-common-white);
  background-color: rgba(236, 255, 243, 0.1);
  font-size: 22px;
  line-height: 1;
  -webkit-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  outline: none;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
  position: relative;
  z-index: 1;
}
.header_right_info .header-search::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--tj-color-theme-primary);
  z-index: -1;
  border-radius: 50%;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}
.header_right_info .header-search i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.header_right_info .header-search:hover::after {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.header_right_info .header_btn {
  padding: 17px 20px;
  background-color: var(--tj-color-common-white);
}
.header_right_info .header_btn:hover {
  color: var(--tj-color-heading-primary);
}
.header_right_info .header_btn:hover i {
  color: var(--tj-color-heading-primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header_right_info {
    margin-left: auto;
    margin-right: 20px;
  }
}

.header-sidebar {
  width: 40px;
  height: 40px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 11px;
}
.header-sidebar > span {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: var(--tj-color-common-white);
  display: inline-block;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.header-sidebar:hover > span {
  background-color: var(--tj-color-theme-primary);
}
.header-sidebar:hover span:nth-child(1) {
  -webkit-transform: translateX(16px);
      -ms-transform: translateX(16px);
          transform: translateX(16px);
}
.header-sidebar:hover span:nth-child(2) {
  -webkit-transform: translateX(16px);
      -ms-transform: translateX(16px);
          transform: translateX(16px);
}
.header-sidebar:hover span:nth-child(3) {
  -webkit-transform: translateY(16px);
      -ms-transform: translateY(16px);
          transform: translateY(16px);
}
.header-sidebar:hover span:nth-child(6) {
  -webkit-transform: translateY(16px);
      -ms-transform: translateY(16px);
          transform: translateY(16px);
}
.header-sidebar:hover span:nth-child(9) {
  -webkit-transform: translateX(-16px);
      -ms-transform: translateX(-16px);
          transform: translateX(-16px);
}
.header-sidebar:hover span:nth-child(8) {
  -webkit-transform: translateX(-16px);
      -ms-transform: translateX(-16px);
          transform: translateX(-16px);
}
.header-sidebar:hover span:nth-child(7) {
  -webkit-transform: translateY(-16px);
      -ms-transform: translateY(-16px);
          transform: translateY(-16px);
}
.header-sidebar:hover span:nth-child(4) {
  -webkit-transform: translateY(-16px);
      -ms-transform: translateY(-16px);
          transform: translateY(-16px);
}

.menu_bar {
  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;
  border-radius: 50%;
  background-color: rgba(236, 255, 243, 0.1);
}
.menu_bar .menu_bar_inner {
  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;
  gap: 6px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 26px;
  height: 20px;
  background-color: transparent;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.menu_bar .menu_bar_inner > span {
  display: block;
  width: 100%;
  height: 2px;
  background-color: var(--tj-color-common-white);
  margin-right: auto;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.menu_bar .menu_bar_inner > span:first-child {
  width: 70%;
}
.menu_bar .menu_bar_inner > span:last-child {
  width: 80%;
}
.menu_bar .menu_bar_inner:hover span {
  width: 100%;
}
.menu_bar .menu_bar_inner.on {
  left: 0;
  top: 0;
}
.menu_bar .menu_bar_inner.on::after {
  left: 0;
  top: 0;
}
.menu_bar .menu_bar_inner.on span {
  width: 100%;
}
.menu_bar .menu_bar_inner.on span:first-child {
  -webkit-transform: rotate(45deg) translate(5px, 6px);
      -ms-transform: rotate(45deg) translate(5px, 6px);
          transform: rotate(45deg) translate(5px, 6px);
}
.menu_bar .menu_bar_inner.on span:nth-child(2) {
  opacity: 0;
}
.menu_bar .menu_bar_inner.on span:last-child {
  -webkit-transform: rotate(-45deg) translate(6px, -6px);
      -ms-transform: rotate(-45deg) translate(6px, -6px);
          transform: rotate(-45deg) translate(6px, -6px);
}

.tj_header_iconbox {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.tj_header_iconbox .icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 22px;
  line-height: 1;
  color: var(--tj-color-theme-primary);
}
.tj_header_iconbox .icon i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.tj_header_iconbox .text {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
  color: var(--tj-color-common-white);
}
.tj_header_iconbox .text a {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}
.tj_header_iconbox .text a:hover {
  color: var(--tj-color-theme-primary);
}

.header_socials {
  padding: 0;
  margin: 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;
  gap: 10px;
}
.header_socials li {
  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: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: var(--tj-color-common-white);
  color: var(--tj-color-heading-primary);
  font-size: 15px;
  line-height: 1;
}
.header_socials li a {
  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: 100%;
  height: 100%;
  border-radius: 50%;
  color: inherit;
  line-height: inherit;
  position: relative;
  z-index: 1;
}
.header_socials li a::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--tj-color-theme-primary);
  z-index: -1;
  border-radius: 50%;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}
.header_socials li a:hover::after {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.header_socials li a:hover i {
  color: var(--tj-color-common-white);
}
.header_socials li i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}

.header_contact {
  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;
  background-color: var(--tj-color-common-white);
  padding: 12px 18px;
  border-radius: 5px;
  gap: 15px;
}
.header_contact .info_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;
  border-radius: 50%;
  border: 1px solid var(--tj-color-theme-primary);
  background-color: var(--tj-color-theme-secondary);
  font-size: 20px;
  line-height: 1;
  color: var(--tj-color-common-white);
}
.header_contact .info_icon svg,
.header_contact .info_icon img {
  max-width: 20px;
}
.header_contact .info_icon i,
.header_contact .info_icon svg,
.header_contact .info_icon img {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.header_contact .info_content {
  width: calc(100% - 65px);
  line-height: 1;
}
.header_contact .info_content .label {
  display: block;
  line-height: 1;
  font-weight: var(--tj-fw-light);
  color: var(--tj-color-heading-primary);
  margin-bottom: 5px;
}
.header_contact .info_content .text {
  display: inline-block;
  font-size: 18px;
  line-height: 1;
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-sbold);
  color: var(--tj-color-theme-primary);
}
.header_contact:hover .info_icon i,
.header_contact:hover .info_icon svg,
.header_contact:hover .info_icon img {
  -webkit-animation: bounceIn 1s forwards;
          animation: bounceIn 1s forwards;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header_contact {
    padding: 12px;
    gap: 10px;
  }
  .header_contact .info_content {
    width: calc(100% - 60px);
  }
  .header_contact .info_content .text {
    font-size: 16px;
  }
}

.header-2 .header_wrap {
  max-width: 1420px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 50px;
}
.header-2.header-absolute {
  border-bottom: none;
}
.header-2.header-absolute .header_wrap {
  background-color: rgba(255, 255, 255, 0.1);
  padding: 25px 50px;
  border-radius: 10px;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .header-2 .header_wrap {
    padding: 0 25px;
  }
  .header-2.header-absolute .header_wrap {
    padding: 25px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .header-2 .header_wrap {
    padding: 0 20px;
  }
  .header-2.header-absolute .header_wrap {
    padding: 25px 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-2 .header_wrap {
    padding: 0 20px;
  }
  .header-2.header-absolute .header_wrap {
    padding: 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) {
  .header-2 .header_wrap {
    padding: 0 15px;
  }
  .header-2.header-absolute .header_wrap {
    padding: 15px;
  }
}

/* !END: Theme Header CSS */
/**----------------------------------------
START: Theme Breadcrumb CSS
----------------------------------------*/
.breadcrumb-wrapper {
  padding-top: 180px;
  padding-bottom: 80px;
  background-color: #6c7e8e;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  z-index: 1;
}
.breadcrumb-wrapper::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(3, 9, 13, 0.62)), to(rgba(3, 9, 13, 0.62)));
  background-image: linear-gradient(0deg, rgba(3, 9, 13, 0.62) 0%, rgba(3, 9, 13, 0.62) 100%);
  z-index: -1;
}
@media (max-width: 575px) {
  .breadcrumb-wrapper {
    padding-top: 170px;
  }
}

.breadcrumb-content-area {
  position: relative;
  z-index: 1;
}
.breadcrumb-content-area .breadcrumb-heading .breadcrumb-title {
  color: var(--tj-color-common-white);
  line-height: 1.1;
  margin: 0;
}
.breadcrumb-content-area .breadcrumb-link {
  margin-top: 20px;
  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: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
  row-gap: 10px;
  color: var(--tj-color-common-white);
  font-size: 16px;
  font-family: var(--tj-ff-body);
  line-height: 1.5;
}
.breadcrumb-content-area .breadcrumb-link a {
  color: inherit;
  display: inline-block;
  position: relative;
}
.breadcrumb-content-area .breadcrumb-link a::before {
  position: absolute;
  content: "";
  width: 0;
  height: 1px;
  bottom: 0;
  left: 0;
  background: var(--tj-color-common-white);
}
.breadcrumb-content-area .breadcrumb-link a:hover::before {
  width: 100%;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .breadcrumb-content-area .breadcrumb-link {
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
  }
}
@media (max-width: 575px) {
  .breadcrumb-content-area .breadcrumb-link {
    -webkit-column-gap: 7px;
       -moz-column-gap: 7px;
            column-gap: 7px;
  }
}

/* !END: Breadcrumb CSS */
/**----------------------------------------
START: Theme Heading CSS
----------------------------------------*/
.tj-sec-heading .sub-title {
  display: block;
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: 5px;
  font-weight: var(--tj-fw-medium);
  color: var(--tj-color-heading-primary);
  margin-bottom: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-sec-heading .sub-title {
    font-size: 20px;
    letter-spacing: 1px;
    margin-bottom: 15px;
  }
}
.tj-sec-heading .sec-title {
  color: var(--tj-color-heading-primary);
  margin: 0;
}
.tj-sec-heading .sec-title span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: var(--tj-fw-elight);
  position: relative;
  z-index: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 25px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-sec-heading .sec-title span {
    gap: 15px;
    padding-left: 0px;
  }
}
.tj-sec-heading .sec-title span::before {
  content: "";
  display: inline-block;
  width: 88px;
  height: 2px;
  background: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-sec-heading .sec-title span::before {
    width: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-sec-heading .sec-title {
    font-size: 42px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tj-sec-heading .sec-title {
    font-size: 38px;
  }
}
@media (max-width: 575px) {
  .tj-sec-heading .sec-title {
    font-size: 34px;
  }
}
.tj-sec-heading .desc {
  display: block;
  margin-top: 30px;
}
.tj-sec-heading .desc p:last-child {
  margin: 0;
}
@media (max-width: 575px) {
  .tj-sec-heading .desc {
    margin-top: 20px;
  }
}

.tj-sec-heading-two .sub-title {
  color: var(--tj-color-heading-primary);
  font-size: 20px;
  line-height: 1;
  letter-spacing: 5px;
  font-weight: var(--tj-fw-medium);
  display: block;
  position: relative;
  z-index: 1;
  padding-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  gap: 20px;
}
.tj-sec-heading-two .sub-title::before {
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 95px;
  height: 2px;
  border-radius: 50px;
  background-color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-sec-heading-two .sub-title {
    font-size: 20px;
    letter-spacing: 1px;
    gap: 10px;
  }
  .tj-sec-heading-two .sub-title::before {
    width: 50px;
  }
}
.tj-sec-heading-two .title {
  margin: 0;
}
.tj-sec-heading-two .title span {
  color: var(--tj-color-heading-primary);
  font-weight: var(--tj-fw-light);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-sec-heading-two .title {
    font-size: 42px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tj-sec-heading-two .title {
    font-size: 38px;
  }
}
@media (max-width: 575px) {
  .tj-sec-heading-two .title {
    font-size: 34px;
  }
}
.tj-sec-heading-two .desc {
  margin-top: 30px;
}
.tj-sec-heading-two .desc p:last-child {
  margin: 0;
}
@media (max-width: 575px) {
  .tj-sec-heading-two .desc {
    margin-top: 20px;
  }
}
.tj-sec-heading-two.align-center .sub-title::before {
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.tj-sec-heading-two.align-end .sub-title::before {
  left: auto;
  right: 0;
}

.tj-sec-heading-three .sub-title {
  display: block;
  color: var(--tj-color-heading-primary);
  font-size: 20px;
  line-height: 1;
  font-weight: var(--tj-fw-medium);
  letter-spacing: 5px;
  margin-bottom: 15px;
  border-radius: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-sec-heading-three .sub-title {
    font-size: 20px;
    margin-bottom: 15px;
    letter-spacing: 1px;
  }
}
.tj-sec-heading-three .title {
  margin: 0;
}
.tj-sec-heading-three .title span {
  color: var(--tj-color-heading-primary);
  font-weight: var(--tj-fw-light);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-sec-heading-three .title {
    font-size: 42px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tj-sec-heading-three .title {
    font-size: 38px;
  }
}
@media (max-width: 575px) {
  .tj-sec-heading-three .title {
    font-size: 34px;
  }
}
.tj-sec-heading-three .desc {
  margin-top: 30px;
}
.tj-sec-heading-three .desc p:last-child {
  margin: 0;
}
@media (max-width: 575px) {
  .tj-sec-heading-three .desc {
    margin-top: 20px;
  }
}

/* !END: Theme Heading CSS */
/**----------------------------------------
START: Theme Slider CSS
----------------------------------------*/
.tj-slider-section {
  position: relative;
  z-index: 1;
}
.tj-slider-section .swiper .swiper-pagination {
  width: auto;
  right: 130px;
  left: auto;
  bottom: auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-slider-section .swiper .swiper-pagination {
    right: 75px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-slider-section .swiper .swiper-pagination {
    right: 20px;
  }
}
.tj-slider-section .swiper .swiper-pagination .swiper-pagination-bullet {
  cursor: pointer;
  background: transparent;
  position: relative;
  color: var(--tj-color-common-white);
  opacity: 1;
  display: block;
  font-size: 17px;
  font-weight: var(--tj-fw-medium);
  margin: 0 0 20px 0;
  font-family: var(--tj-ff-body);
  -webkit-transition: 0.1s;
  transition: 0.1s;
  height: 25px;
  padding-left: 15px;
  width: 10px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
@media (max-width: 575px) {
  .tj-slider-section .swiper .swiper-pagination .swiper-pagination-bullet {
    font-size: 15px;
  }
}
.tj-slider-section .swiper .swiper-pagination .swiper-pagination-bullet::after {
  position: absolute;
  content: "0";
  top: 0;
  right: 10px;
  left: auto;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.tj-slider-section .swiper .swiper-pagination .swiper-pagination-bullet:last-child {
  margin-bottom: 0;
}
.tj-slider-section .swiper .swiper-pagination .swiper-pagination-bullet:hover {
  color: var(--tj-color-theme-primary);
}
.tj-slider-section .swiper .swiper-pagination .swiper-pagination-bullet-active {
  color: var(--tj-color-theme-primary);
}
@media (max-width: 575px) {
  .tj-slider-section .swiper .swiper-pagination .swiper-pagination-bullet-active {
    font-size: 15px;
  }
}
.tj-slider-section .swiper .swiper-pagination .swiper-pagination-bullet-active::before {
  position: absolute;
  content: "";
  top: 12px;
  left: 100%;
  width: 47px;
  height: 2px;
  background: var(--tj-color-theme-primary);
  margin-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) {
  .tj-slider-section .swiper .swiper-pagination .swiper-pagination-bullet-active::before {
    display: none;
  }
}
.tj-slider-section .swiper .slider-sec-shape {
  position: absolute;
  left: 10%;
  bottom: 35%;
  z-index: 3;
}
@media only screen and (min-width: 1600px) and (max-width: 1699px) {
  .tj-slider-section .swiper .slider-sec-shape {
    bottom: 30%;
    left: 5%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tj-slider-section .swiper .slider-sec-shape {
    bottom: 25%;
    left: 3%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-slider-section .swiper .slider-sec-shape {
    bottom: 32%;
    left: 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-slider-section .swiper .slider-sec-shape {
    display: none;
  }
}
.tj-slider-section .slider-sec-shape {
  position: absolute;
  left: 5%;
  bottom: 20%;
  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) {
  .tj-slider-section .slider-sec-shape {
    left: 5%;
    bottom: 10%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-slider-section .slider-sec-shape {
    display: none;
  }
}

.tj-slider-item {
  min-height: 964px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  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) {
  .tj-slider-item {
    min-height: 850px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-slider-item {
    min-height: 720px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tj-slider-item {
    min-height: 650px;
  }
}
@media (max-width: 575px) {
  .tj-slider-item {
    min-height: 550px;
  }
}
.tj-slider-item .slider-bg-image {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  z-index: -1;
}
.tj-slider-item::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 2;
}
.tj-slider-item .slider-content {
  padding-top: 110px;
  padding-bottom: 20px;
  max-width: 1070px;
  width: 100%;
  position: relative;
  z-index: 3;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-slider-item .slider-content {
    padding-top: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-slider-item .slider-content {
    padding-bottom: 10px;
  }
}
.tj-slider-item .slider-content .slider-text {
  padding-left: 110px;
  max-width: 870px;
  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) {
  .tj-slider-item .slider-content .slider-text {
    padding-left: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-slider-item .slider-content .slider-text {
    padding-left: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tj-slider-item .slider-content {
    max-width: 900px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-slider-item .slider-content {
    max-width: 800px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-slider-item .slider-content {
    max-width: 675px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tj-slider-item .slider-content {
    max-width: 500px;
  }
}
@media (max-width: 575px) {
  .tj-slider-item .slider-content {
    max-width: 500px;
    padding-right: 40px;
  }
}
.tj-slider-item .slider-content .slider-title {
  color: var(--tj-color-common-white);
  margin-bottom: 10px;
  font-size: 110px;
  line-height: 1.1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition-delay: 1000ms;
          transition-delay: 1000ms;
  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tj-slider-item .slider-content .slider-title {
    font-size: 85px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-slider-item .slider-content .slider-title {
    font-size: 75px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-slider-item .slider-content .slider-title {
    font-size: 65px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tj-slider-item .slider-content .slider-title {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  .tj-slider-item .slider-content .slider-title {
    font-size: 35px;
  }
}
.tj-slider-item .slider-content .slider-sub-title {
  color: var(--tj-color-common-white);
  font-weight: var(--tj-fw-elight);
  text-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 1;
  padding-left: 110px;
  font-size: 90px;
  line-height: 1.1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition-delay: 1000ms;
  transition-delay: 1000ms;
  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-slider-item .slider-content .slider-sub-title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-slider-item .slider-content .slider-sub-title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tj-slider-item .slider-content .slider-sub-title {
    font-size: 38px;
  }
}
@media (max-width: 575px) {
  .tj-slider-item .slider-content .slider-sub-title {
    font-size: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tj-slider-item .slider-content .slider-sub-title {
    padding-left: 70px;
  }
}
@media (max-width: 575px) {
  .tj-slider-item .slider-content .slider-sub-title {
    padding-left: 40px;
  }
}
.tj-slider-item .slider-content .slider-sub-title::before {
  position: absolute;
  content: "";
  width: 88px;
  height: 4px;
  top: 50%;
  left: 0;
  background: var(--tj-color-theme-primary);
  -webkit-transition: none;
  transition: none;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-slider-item .slider-content .slider-sub-title::before {
    width: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tj-slider-item .slider-content .slider-sub-title::before {
    width: 50px;
    height: 3px;
  }
}
@media (max-width: 575px) {
  .tj-slider-item .slider-content .slider-sub-title::before {
    width: 30px;
    height: 2px;
  }
}
.tj-slider-item .slider-content .slider-sub-title span {
  color: var(--tj-color-theme-primary);
  -webkit-transition: none;
  transition: none;
}
.tj-slider-item .slider-content .desc {
  max-width: 780px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition-delay: 1000ms;
  transition-delay: 1000ms;
  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
}
.tj-slider-item .slider-content .desc p {
  margin-bottom: 0;
  color: var(--tj-color-common-white);
  font-size: 20px;
  line-height: 2.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-slider-item .slider-content .desc p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-slider-item .slider-content .desc p {
    line-height: 1.9;
  }
}
.tj-slider-item .slider-content .slider-button {
  margin-top: 40px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition-delay: 700ms;
  transition-delay: 700ms;
  -webkit-transition: opacity 1500ms ease, -webkit-transform 1500ms ease;
  transition: opacity 1500ms ease, -webkit-transform 1500ms ease;
  transition: transform 1500ms ease, opacity 1500ms ease;
  transition: transform 1500ms ease, opacity 1500ms ease, -webkit-transform 1500ms ease;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-slider-item .slider-content .slider-button {
    margin-top: 30px;
  }
}
.tj-slider-item .slider-sub-title {
  -webkit-transform: translateX(125px);
      -ms-transform: translateX(125px);
          transform: translateX(125px);
}
.tj-slider-item .slider-title {
  -webkit-transform: translateY(-125px);
      -ms-transform: translateY(-125px);
          transform: translateY(-125px);
}
.tj-slider-item .slider-button,
.tj-slider-item .desc {
  -webkit-transform: translateY(125px);
      -ms-transform: translateY(125px);
          transform: translateY(125px);
}
.tj-slider-item.swiper-slide-active .slider-sub-title,
.tj-slider-item.swiper-slide-active .desc,
.tj-slider-item.swiper-slide-active .slider-title,
.tj-slider-item.swiper-slide-active .slider-button {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0) translateX(0);
  -ms-transform: translateY(0) translateX(0);
      transform: translateY(0) translateX(0);
}

/* !END: Theme Slider CSS */
/**----------------------------------------
START: Theme Hero CSS
----------------------------------------*/
.tj-hero-section {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
  padding-top: 280px;
  padding-bottom: 170px;
  overflow: hidden;
  z-index: 1;
}
.tj-hero-section::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(25%, rgba(3, 9, 13, 0.76)), color-stop(60%, rgba(50, 60, 69, 0.64)));
  background: linear-gradient(360deg, rgba(3, 9, 13, 0.76) 25%, rgba(50, 60, 69, 0.64) 60%);
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-hero-section {
    padding-top: 200px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-hero-section {
    padding-top: 155px;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tj-hero-section {
    padding-top: 155px;
    padding-bottom: 250px;
  }
}
@media (max-width: 575px) {
  .tj-hero-section {
    padding-top: 155px;
    padding-bottom: 250px;
  }
}
.tj-hero-section .tj-sec-heading {
  max-width: 825px;
  width: 100%;
  margin-left: 0;
}
.tj-hero-section .tj-sec-heading .sub-title {
  color: var(--tj-color-common-white);
  margin-bottom: 10px;
}
.tj-hero-section .tj-sec-heading .sec-title {
  color: var(--tj-color-common-white);
  text-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
  margin: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tj-hero-section .tj-sec-heading .sec-title {
    font-size: 75px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-hero-section .tj-sec-heading .sec-title {
    font-size: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-hero-section .tj-sec-heading .sec-title {
    font-size: 55px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tj-hero-section .tj-sec-heading .sec-title {
    font-size: 45px;
  }
}
@media (max-width: 575px) {
  .tj-hero-section .tj-sec-heading .sec-title {
    font-size: 40px;
  }
}
.tj-hero-section .tj-sec-heading .sec-title span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: var(--tj-color-theme-primary);
  font-weight: var(--tj-fw-elight);
  font-size: 90%;
  padding-left: 0;
}
.tj-hero-section .tj-sec-heading .sec-title span::before {
  display: none;
}
.tj-hero-section .tj-sec-heading .desc {
  margin-top: 20px;
  color: var(--tj-color-common-white);
  font-size: 18px;
  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-hero-section .tj-sec-heading .desc {
    font-size: 16px;
  }
}
.tj-hero-section .tj-sec-heading .tj-hero-button {
  margin-top: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tj-hero-section .tj-sec-heading {
    max-width: 745px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-hero-section .tj-sec-heading {
    max-width: 605px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-hero-section .tj-sec-heading {
    max-width: 450px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tj-hero-section .tj-sec-heading {
    max-width: 450px;
  }
}
.tj-hero-section .feature_image {
  position: absolute;
  z-index: 2;
  top: -40%;
  right: -55%;
  width: 100%;
  height: 460px;
  -webkit-transform: rotate(-42.189deg);
      -ms-transform: rotate(-42.189deg);
          transform: rotate(-42.189deg);
}
.tj-hero-section .feature_image .feature_img_inner {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 360px 0px 0px 360px;
  -webkit-box-shadow: 0px 0px 25px 0px rgba(50, 60, 69, 0.3);
          box-shadow: 0px 0px 25px 0px rgba(50, 60, 69, 0.3);
  border: 17px solid var(--tj-color-heading-primary);
  overflow: hidden;
}
.tj-hero-section .feature_image .feature_img_inner img {
  height: 200%;
  -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
          transform-origin: right center;
  max-width: initial;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  -webkit-transform: rotate(42deg) translateY(15%);
      -ms-transform: rotate(42deg) translateY(15%);
          transform: rotate(42deg) translateY(15%);
}
.tj-hero-section .feature_image .circle_box {
  position: absolute;
  left: 15%;
  top: -65px;
  -webkit-transform: rotate(40deg);
      -ms-transform: rotate(40deg);
          transform: rotate(40deg);
}
@media (max-width: 1920px) {
  .tj-hero-section .feature_image {
    top: -20%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tj-hero-section .feature_image {
    top: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-hero-section .feature_image {
    top: -5%;
    right: -60%;
    height: 370px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-hero-section .feature_image {
    top: 0;
    right: -58%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-hero-section .feature_image {
    top: 4%;
    right: -57%;
    height: 330px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tj-hero-section .feature_image {
    top: auto;
    bottom: 20%;
    right: -57%;
    height: 260px;
  }
  .tj-hero-section .feature_image .circle_box {
    top: -45px;
  }
}
@media (max-width: 575px) {
  .tj-hero-section .feature_image {
    top: auto;
    bottom: 10%;
    right: -57%;
    height: 250px;
  }
  .tj-hero-section .feature_image .circle_box {
    top: -45px;
  }
}

.circle_box .video_button {
  position: relative;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 2px solid var(--tj-color-theme-primary);
  background-color: var(--tj-color-common-white);
  z-index: 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_box .video_button .play_icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 44px;
  height: 44px;
  -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%;
  font-size: 16px;
  line-height: 1;
  color: var(--tj-color-common-white);
}
.circle_box .video_button .play_icon img,
.circle_box .video_button .play_icon svg {
  max-width: 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.circle_box .video_button .play_icon i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.circle_box .video_button svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-weight: var(--tj-fw-medium);
  z-index: 2;
  width: 87%;
  height: 87%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .circle_box .video_button svg {
    width: 90px;
    height: 90px;
  }
}
@media (max-width: 575px) {
  .circle_box .video_button svg .play_icon {
    width: 40px;
    height: 40px;
  }
}
.circle_box .video_button svg.shape-1 {
  -webkit-animation: rotateImg 10s infinite linear;
          animation: rotateImg 10s infinite linear;
}
.circle_box .video_button:hover svg.shape-1 {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .circle_box .video_button {
    width: 130px;
    height: 130px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .circle_box .video_button {
    width: 110px;
    height: 110px;
  }
}
@media (max-width: 575px) {
  .circle_box .video_button {
    width: 100px;
    height: 100px;
  }
}

.tj-hero-section-two {
  padding-top: 295px;
  padding-bottom: 140px;
  position: relative;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
}
.tj-hero-section-two::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--tj-color-theme-secondary);
  mix-blend-mode: hard-light;
  z-index: -1;
}
.tj-hero-section-two .hero_bg_shape {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  mix-blend-mode: difference;
  z-index: -1;
}
.tj-hero-section-two .hero_left_shape {
  position: absolute;
  bottom: 10%;
  left: 0;
  max-width: 155px;
  width: 100%;
  z-index: -1;
}
.tj-hero-section-two .hero_right_shape {
  position: absolute;
  bottom: 10%;
  right: 0;
  max-width: 140px;
  width: 100%;
  z-index: -1;
}
.tj-hero-section-two .hero_star_right,
.tj-hero-section-two .hero_star_middle,
.tj-hero-section-two .hero_star_left {
  position: absolute;
  max-width: 70px;
  width: 100%;
  top: 23%;
  right: 7%;
  z-index: -1;
}
.tj-hero-section-two .hero_star_middle {
  max-width: 80px;
  top: 24%;
  left: 52%;
  opacity: 0.15;
}
.tj-hero-section-two .hero_star_left {
  max-width: 55px;
  top: 50%;
  left: 8%;
}
@media only screen and (min-width: 1600px) and (max-width: 1699px) {
  .tj-hero-section-two .hero_star_right {
    right: 5%;
  }
  .tj-hero-section-two .hero_star_left {
    left: 2%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tj-hero-section-two .hero_left_shape {
    bottom: 4%;
  }
  .tj-hero-section-two .hero_right_shape {
    bottom: 3%;
  }
  .tj-hero-section-two .hero_star_right {
    right: 1%;
    top: 20%;
  }
  .tj-hero-section-two .hero_star_left {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tj-hero-section-two .hero_left_shape {
    bottom: 4%;
  }
  .tj-hero-section-two .hero_right_shape {
    bottom: 3%;
  }
  .tj-hero-section-two .hero_star_right {
    right: 1%;
    top: 20%;
  }
  .tj-hero-section-two .hero_star_left {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-hero-section-two .hero_left_shape {
    bottom: 4%;
  }
  .tj-hero-section-two .hero_right_shape {
    bottom: 3%;
  }
  .tj-hero-section-two .hero_star_right {
    right: 1%;
    top: 18%;
  }
  .tj-hero-section-two .hero_star_middle {
    left: 47%;
  }
  .tj-hero-section-two .hero_star_left {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-hero-section-two .hero_left_shape {
    bottom: 4%;
  }
  .tj-hero-section-two .hero_right_shape {
    bottom: 3%;
  }
  .tj-hero-section-two .hero_star_right {
    right: 5%;
    top: 11%;
  }
  .tj-hero-section-two .hero_star_middle,
  .tj-hero-section-two .hero_star_left {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-hero-section-two .hero_left_shape {
    bottom: 2%;
    max-width: 120px;
  }
  .tj-hero-section-two .hero_right_shape {
    bottom: 1%;
    max-width: 120px;
  }
  .tj-hero-section-two .hero_star_right,
  .tj-hero-section-two .hero_star_middle,
  .tj-hero-section-two .hero_star_left {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-hero-section-two {
    padding-top: 230px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-hero-section-two {
    padding-top: 160px;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-hero-section-two {
    padding-top: 170px;
  }
}

.hero-content-two .tj-sec-heading .sub-title {
  margin-bottom: 15px;
  text-transform: uppercase;
  color: var(--tj-color-common-white);
}
.hero-content-two .tj-sec-heading .sec-title {
  font-size: 90px;
  line-height: 1.1;
  color: var(--tj-color-common-white);
  margin: 0;
}
.hero-content-two .tj-sec-heading .sec-title span {
  font-size: 90%;
  color: var(--tj-color-theme-primary);
  font-weight: var(--tj-fw-light);
  padding-left: 0;
}
.hero-content-two .tj-sec-heading .sec-title span::before {
  display: none;
}
.hero-content-two .desc {
  margin-top: 20px;
  font-size: 20px;
  color: var(--tj-color-common-white);
}
.hero-content-two .desc p:last-child {
  margin: 0;
}
.hero-content-two .tj-hero-button {
  margin-top: 30px;
  background-color: var(--tj-color-common-white);
}
.hero-content-two .tj-hero-button:hover {
  color: var(--tj-color-heading-primary);
}
.hero-content-two .tj-hero-button:hover i {
  color: var(--tj-color-heading-primary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .hero-content-two .tj-sec-heading .sec-title {
    font-size: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-content-two .tj-sec-heading .sub-title {
    font-size: 20px;
  }
  .hero-content-two .tj-sec-heading .sec-title {
    font-size: 60px;
    line-height: 1;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-content-two {
    margin-bottom: 50px;
  }
  .hero-content-two .tj-sec-heading .sub-title {
    font-size: 20px;
  }
  .hero-content-two .tj-sec-heading .sec-title {
    font-size: 55px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-content-two {
    margin-bottom: 50px;
  }
  .hero-content-two .tj-sec-heading .sub-title {
    font-size: 18px;
  }
  .hero-content-two .tj-sec-heading .sec-title {
    font-size: 48px;
  }
  .hero-content-two .tj-sec-heading .sec-title span {
    font-size: 95%;
  }
  .hero-content-two .tj-sec-heading .desc {
    font-size: 16px;
  }
}
@media (max-width: 575px) {
  .hero-content-two {
    margin-bottom: 50px;
  }
  .hero-content-two .tj-sec-heading .sub-title {
    font-size: 17px;
  }
  .hero-content-two .tj-sec-heading .sec-title {
    font-size: 40px;
  }
  .hero-content-two .tj-sec-heading .sec-title span {
    font-size: 95%;
  }
  .hero-content-two .tj-sec-heading .desc {
    font-size: 16px;
    margin-top: 15px;
  }
  .hero-content-two .tj-sec-heading .tj-hero-button {
    margin-top: 25px;
  }
}

/* !END: Theme Hero CSS */
/**----------------------------------------
START: Theme About CSS
----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-content-one {
    margin-bottom: 50px;
  }
}
.about-content-one .desc {
  max-width: 775px;
}
.about-content-one .desc p {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 2.1;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-content-one .desc p {
    font-size: 16px;
    line-height: 1.9;
  }
}
.about-content-one .tj-about-button {
  margin-top: 50px;
}

.about-content-two .desc p {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 2.1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-content-two .desc p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-content-two .desc p {
    line-height: 1.9;
  }
}
.about-content-two .tj-about-button {
  margin-top: 40px;
}

.tj-progress-bar {
  padding-right: 60px;
  position: relative;
  z-index: 1;
}
.tj-progress-bar label {
  display: block;
  font-size: 22px;
  line-height: 1;
  font-weight: var(--tj-fw-bold);
  font-family: var(--tj-ff-heading);
  color: var(--tj-color-theme-primary);
  margin-bottom: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-progress-bar label {
    font-size: 20px;
    margin-bottom: 15px;
  }
}
.tj-progress-bar .skills {
  background-color: #aaeac1;
  height: 5px;
  border-radius: 20px;
}
.tj-progress-bar .skills span {
  position: absolute;
  bottom: 0;
  right: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 22px;
  line-height: 1;
  font-weight: var(--tj-fw-bold);
  font-family: var(--tj-ff-heading);
  color: var(--tj-color-theme-primary);
}
.tj-progress-bar .skills .skillbar {
  background-color: var(--tj-color-theme-primary);
  width: 0px;
  height: 5px;
  border-radius: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-progress-bar {
    padding-right: 50px;
  }
  .tj-progress-bar .skills span {
    font-size: 20px;
  }
}

.about-content-three {
  max-width: 698px;
  width: 100%;
}
.about-content-three .desc {
  margin-bottom: 30px;
}
.about-content-three .desc p {
  font-size: 18px;
  line-height: 1.9;
}
.about-content-three .desc p:last-child {
  margin-bottom: 0;
}
.about-content-three .about-button {
  margin-top: 40px;
}
.about-content-three .about-button .tj-primary-btn {
  font-size: 15px;
  padding: 13px 25px;
  border-radius: 5px;
}

.feature-content {
  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;
}
.feature-content .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;
  width: 65px;
  height: 65px;
  line-height: 1;
  border-radius: 10px;
  font-size: 25px;
  background-color: var(--tj-color-theme-secondary);
  color: var(--tj-color-common-white);
}
.feature-content .feature-icon svg,
.feature-content .feature-icon img {
  max-width: 25px;
}
.feature-content .feature-icon i,
.feature-content .feature-icon svg,
.feature-content .feature-icon img {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.feature-content .feature-text {
  width: calc(100% - 85px);
}
.feature-content .feature-text .title {
  margin: 0;
  color: var(--tj-color-heading-primary);
}
.feature-content .feature-text .sub-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  margin-top: 10px;
}
.feature-content:hover .feature-icon i,
.feature-content:hover .feature-icon svg,
.feature-content:hover .feature-icon img {
  -webkit-animation: bounceIn 1s forwards;
          animation: bounceIn 1s forwards;
}

.about-image-group {
  position: relative;
  z-index: 1;
  text-align: right;
  right: -135px;
}
@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) {
  .about-image-group {
    right: 0;
  }
}
.about-image-group .about-lg-image {
  position: relative;
}

.about-circle .video_button {
  position: relative;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 2px solid var(--tj-color-theme-primary);
  background-color: var(--tj-color-common-white);
  z-index: 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;
}
.about-circle .video_button .play_icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 35px;
  line-height: 1;
  color: var(--tj-color-theme-primary);
}
.about-circle .video_button .play_icon img,
.about-circle .video_button .play_icon svg {
  max-width: 34px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.about-circle .video_button .play_icon i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.about-circle .video_button svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-weight: var(--tj-fw-medium);
  z-index: 2;
  width: 87%;
  height: 87%;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-circle .video_button svg {
    width: 90px;
    height: 90px;
  }
}
.about-circle .video_button svg.shape-1 {
  -webkit-animation: rotateImg 10s infinite linear;
          animation: rotateImg 10s infinite linear;
}
.about-circle .video_button:hover svg.shape-1 {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about-circle .video_button {
    width: 130px;
    height: 130px;
  }
}
@media (max-width: 575px) {
  .about-circle .video_button {
    width: 110px;
    height: 110px;
  }
}

.video-play .popup-videos-button {
  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: var(--tj-color-common-white);
  width: 95px;
  height: 95px;
  font-size: 22px;
  border-radius: 50%;
  color: var(--tj-color-theme-secondary);
  position: relative;
  z-index: 2;
}
.video-play .popup-videos-button::before {
  position: absolute;
  content: "";
  width: 70px;
  height: 70px;
  border: 1px solid rgba(57, 202, 110, 0.5);
  border-radius: 50%;
}
.video-play .popup-videos-button::after {
  position: absolute;
  content: "";
  width: 55px;
  height: 55px;
  border: 1px solid var(--tj-color-theme-primary);
  border-radius: 50%;
}
.video-play .popup-videos-button i {
  line-height: 1;
}
.video-play .popup-videos-button a {
  width: 34px;
  height: 34px;
  line-height: 34px;
  display: inline-block;
  text-align: center;
  background: var(--tj-color-theme-primary);
  color: var(--tj-color-common-white);
  border-radius: 50%;
  font-size: 16px;
  word-spacing: 2px;
}
@media (max-width: 575px) {
  .video-play .popup-videos-button {
    width: 65px;
    height: 65px;
  }
  .video-play .popup-videos-button::before {
    width: 50px;
    height: 50px;
  }
  .video-play .popup-videos-button::after {
    width: 40px;
    height: 40px;
  }
}

.about-experience {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--tj-color-common-white);
  padding: 30px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-experience {
    padding: 30px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-experience {
    padding: 20px 15px;
  }
}
.about-experience::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 50%;
  bottom: 0;
  left: 0;
  background-color: rgba(123, 123, 123, 0.4);
  -webkit-filter: blur(60px);
          filter: blur(60px);
  z-index: -1;
}
.about-experience .about-icon {
  width: 60px;
  min-height: 85px;
  height: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--tj-color-common-white);
  background-color: var(--tj-color-theme-primary);
  font-size: 35px;
  line-height: 1;
}
.about-experience .about-icon i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.about-experience .counter-number {
  width: calc(100% - 75px);
  text-align: left;
}
.about-experience .counter-number .tj-count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 30px;
  line-height: 1;
  color: var(--tj-color-heading-primary);
  font-weight: var(--tj-fw-bold);
}
.about-experience .counter-number .tj-count span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.about-experience .sub-title {
  display: block;
  font-size: 18px;
  line-height: 1;
  font-weight: var(--tj-fw-medium);
  font-family: var(--tj-ff-heading);
  position: relative;
  padding-left: 35px;
  margin-top: 10px;
}
.about-experience .sub-title::before {
  position: absolute;
  content: "";
  width: 25px;
  height: 1px;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: var(--tj-color-theme-primary);
}
.about-experience .about-shape {
  position: absolute;
  top: 40px;
  right: 30px;
  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) {
  .about-experience .about-shape {
    top: 20px;
    right: 20px;
  }
}

.tj_shaped_img {
  max-width: 660px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
  margin-bottom: 75px;
}
.tj_shaped_img .img {
  max-width: 85%;
}
.tj_shaped_img .img:nth-child(2), .tj_shaped_img .img:nth-child(3) {
  position: absolute;
  left: 7.5%;
  bottom: -35px;
  z-index: 2;
}
.tj_shaped_img .img:nth-child(3) {
  left: 15%;
  bottom: -75px;
}

.about-image-group-three {
  text-align: end;
  position: relative;
  z-index: 1;
  right: -40px;
  max-width: 660px;
  width: 100%;
}
.about-image-group-three .about-top-image {
  position: relative;
  max-width: 560px;
  width: 100%;
  z-index: 2;
  margin: 0 auto;
}
.about-image-group-three .about-top-image::before {
  position: absolute;
  content: "";
  width: 114px;
  height: 380px;
  right: -20px;
  top: -20px;
  border-radius: 0px 40px 0px 0px;
  background: var(--tj-color-theme-primary);
  z-index: -1;
}
.about-image-group-three .about-top-image img {
  border-radius: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about-image-group-three .about-top-image {
    max-width: 310px;
  }
}
.about-image-group-three .about-bottom-image {
  position: absolute;
  bottom: -14%;
  left: 0;
  z-index: 2;
  max-width: 315px;
  width: 100%;
}
.about-image-group-three .about-bottom-image img {
  border-radius: 12px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about-image-group-three .about-bottom-image {
    max-width: 235px;
  }
}
.about-image-group-three .shape-one {
  position: absolute;
  left: 0;
  top: 36px;
  max-width: 150px;
  width: 100%;
  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), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-image-group-three .shape-one {
    max-width: 80px;
    left: -15px;
  }
}
.about-image-group-three .shape-two {
  position: absolute;
  right: -16%;
  top: -15%;
  max-width: 200px;
  width: 100%;
  z-index: -1;
}
.about-image-group-three .shape-three {
  position: absolute;
  top: 55%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -10%;
  max-width: 90px;
  width: 100%;
  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) {
  .about-image-group-three {
    right: 0;
  }
  .about-image-group-three .shape-three {
    top: 50%;
    left: 0;
    max-width: 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) {
  .about-image-group-three {
    margin: auto;
    margin-bottom: 120px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-image-group-three .shape-three,
  .about-image-group-three .shape-one {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-image-group-three {
    max-width: 380px;
  }
  .about-image-group-three .about-bottom-image {
    max-width: 250px;
    left: -30px;
  }
  .about-image-group-three .about-feature-item {
    gap: 20px;
  }
}
@media (max-width: 575px) {
  .about-image-group-three {
    max-width: 250px;
    margin-bottom: 90px;
  }
  .about-image-group-three .about-bottom-image {
    max-width: 180px;
    left: -35px;
  }
  .about-image-group-three .shape-two {
    display: none;
  }
  .about-image-group-three .about-top-image::before {
    height: 360px;
    right: -15px;
    top: -15px;
  }
  .about-image-group-three .about-feature-item {
    gap: 20px;
  }
}

.about-text {
  background: rgba(50, 60, 69, 0.12);
  stroke-width: 1px;
  -webkit-backdrop-filter: blur(7.5px);
          backdrop-filter: blur(7.5px);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  text-align: left;
  max-width: 255px;
  width: 100%;
  padding: 20px 20px;
}
.about-text .title {
  font-size: 20px;
  color: var(--tj-color-common-white);
  text-shadow: 0px 4px 11px rgba(0, 0, 0, 0.22);
  margin-bottom: 10px;
  line-height: 1.4;
}
.about-text p {
  font-size: 12px;
  color: var(--tj-color-common-white);
}
.about-text p:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-text {
    max-width: 220px;
    padding: 20px 10px;
  }
}

/* !END: Theme About CSS */
/**----------------------------------------
START: Theme Counter CSS
----------------------------------------*/
.counter-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.counter-item .about-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 50px;
  line-height: 1;
  color: var(--tj-color-theme-primary);
}
.counter-item .about-icon i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.counter-item .tj-count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 30px;
  line-height: 1;
  font-weight: var(--tj-fw-bold);
  color: var(--tj-color-heading-primary);
  font-family: var(--tj-ff-heading);
  letter-spacing: 3px;
  margin: 0;
}
@media (max-width: 575px) {
  .counter-item .tj-count {
    font-size: 25px;
  }
}
.counter-item .tj-count span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.counter-item .sub-title {
  display: block;
  font-size: 17px;
  line-height: 1;
  font-weight: var(--tj-fw-medium);
  color: var(--tj-color-heading-primary);
  margin-top: 5px;
}

.counter-item-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;
  gap: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .counter-item-two {
    gap: 20px;
  }
}
.counter-item-two .counter-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 60px;
  line-height: 1;
  color: var(--tj-color-heading-primary);
}
.counter-item-two .counter-icon i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .counter-item-two .counter-icon {
    font-size: 45px;
  }
}
.counter-item-two .counter-number .tj-count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 50px;
  line-height: 1;
  color: var(--tj-color-heading-primary);
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-bold);
  letter-spacing: 3px;
  margin: 0;
}
.counter-item-two .counter-number .tj-count span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .counter-item-two .counter-number .tj-count {
    font-size: 35px;
  }
}
.counter-item-two .counter-number .sub-title {
  display: block;
  font-size: 22px;
  line-height: 1;
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-medium);
  color: var(--tj-color-theme-primary);
  margin-top: 10px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .counter-item-two .counter-number .sub-title {
    font-size: 20px;
  }
}

.counter-item-three {
  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: start;
  gap: 20px;
}
.counter-item-three .counter-icon {
  font-size: 60px;
  line-height: 1;
  color: var(--tj-color-theme-primary);
}
.counter-item-three .counter-icon i,
.counter-item-three .counter-icon svg {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.counter-item-three .counter-icon svg {
  max-width: 55px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .counter-item-three .counter-icon {
    font-size: 55px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .counter-item-three .counter-icon {
    font-size: 45px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .counter-item-three .counter-icon {
    font-size: 40px;
  }
}
.counter-item-three .counter-number .tj-count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 50px;
  line-height: 1;
  color: var(--tj-color-common-white);
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-bold);
  letter-spacing: 3px;
}
.counter-item-three .counter-number .tj-count span {
  font-size: inherit;
  font-family: inherit;
  line-height: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .counter-item-three .counter-number .tj-count {
    font-size: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .counter-item-three .counter-number .tj-count {
    font-size: 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .counter-item-three .counter-number .tj-count {
    font-size: 32px;
  }
}
.counter-item-three .counter-number .sub-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 25px;
  line-height: 1;
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-regular);
  color: var(--tj-color-common-white);
  margin-top: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .counter-item-three .counter-number .sub-title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .counter-item-three .counter-number .sub-title {
    font-size: 20px;
  }
}

/* !END: Theme Counter CSS */
/**----------------------------------------
START: Theme Service CSS
----------------------------------------*/
.tj-service-section.services_page {
  padding-top: 120px;
  padding-bottom: 90px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-service-section.services_page {
    padding-top: 100px;
    padding-bottom: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-service-section.services_page {
    padding-top: 80px;
    padding-bottom: 50px;
  }
}

.tj-service-item-three {
  margin-bottom: 30px;
  background-color: var(--tj-color-grey-2);
  position: relative;
  z-index: 1;
  overflow: hidden;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.tj-service-item-three .service-image {
  position: relative;
  z-index: 1;
}
.tj-service-item-three .service-image a {
  display: inline-block;
  width: 100%;
}
.tj-service-item-three .service-image a img {
  width: 100%;
}
.tj-service-item-three .service-image .service-icon {
  position: absolute;
  bottom: -65px;
  left: 0;
  z-index: 1;
  padding: 25px;
}
.tj-service-item-three .service-image .service-icon::before {
  position: absolute;
  content: "";
  width: 296px;
  height: 100%;
  top: -42%;
  left: -105%;
  background-color: var(--tj-color-heading-primary);
  border: 3px solid var(--tj-color-theme-primary);
  border-radius: 112.891px 0px 0px 112.891px;
  z-index: 2;
  -webkit-transition: 0.8s;
  transition: 0.8s;
  -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.tj-service-item-three .service-image .service-icon > span {
  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: 82px;
  height: 82px;
  font-size: 40px;
  line-height: 1;
  border-radius: 50%;
  color: var(--tj-color-common-white);
  background-color: var(--tj-color-theme-primary);
  border: 3px solid var(--tj-color-common-white);
  z-index: 2;
}
.tj-service-item-three .service-image .service-icon > span i,
.tj-service-item-three .service-image .service-icon > span img,
.tj-service-item-three .service-image .service-icon > span svg {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.tj-service-item-three .service-image .service-icon > span img,
.tj-service-item-three .service-image .service-icon > span svg {
  max-width: 35px;
}
.tj-service-item-three .service-content {
  padding: 85px 30px 30px;
}
.tj-service-item-three .service-content .title {
  margin: 0;
}
.tj-service-item-three .service-content .title a:hover {
  color: var(--tj-color-theme-primary);
}
.tj-service-item-three .service-content .desc {
  margin-top: 10px;
}
.tj-service-item-three .service-content .desc p:last-child {
  margin: 0;
}
.tj-service-item-three .service-content .text-btn {
  margin-top: 20px;
}
.tj-service-item-three:hover {
  background-color: var(--tj-color-common-white);
  -webkit-box-shadow: 4px 4px 30px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 4px 4px 30px 0px rgba(0, 0, 0, 0.1);
}
.tj-service-item-three:hover .service-icon::before {
  background-color: var(--tj-color-theme-primary);
  border-color: var(--tj-color-heading-primary);
}
.tj-service-item-three:hover .service-icon > span i,
.tj-service-item-three:hover .service-icon > span svg,
.tj-service-item-three:hover .service-icon > span img {
  -webkit-animation: swing 1s ease-in-out;
          animation: swing 1s ease-in-out;
}

.serviceCarouselWrap .tj-service-slider {
  position: relative;
  z-index: 1;
  padding-top: 90px;
}
.serviceCarouselWrap .tj-service-slider .service_navigation {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.serviceCarouselWrap .tj-service-slider .service_navigation .service-button-next,
.serviceCarouselWrap .tj-service-slider .service_navigation .service-button-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: 55px;
  height: 45px;
  border-radius: 200px 0px 0 200px;
  border: 2px solid var(--tj-color-light-7);
  font-size: 25px;
  line-height: 1;
  color: var(--tj-color-light-7);
}
.serviceCarouselWrap .tj-service-slider .service_navigation .service-button-next i,
.serviceCarouselWrap .tj-service-slider .service_navigation .service-button-prev i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.serviceCarouselWrap .tj-service-slider .service_navigation .service-button-next:hover,
.serviceCarouselWrap .tj-service-slider .service_navigation .service-button-prev:hover {
  border-color: var(--tj-color-theme-primary);
}
.serviceCarouselWrap .tj-service-slider .service_navigation .service-button-next:hover i,
.serviceCarouselWrap .tj-service-slider .service_navigation .service-button-prev:hover i {
  color: var(--tj-color-theme-primary);
}
.serviceCarouselWrap .tj-service-slider .service_navigation .service-button-next {
  border-radius: 0 200px 200px 0;
}
.serviceCarouselWrap .tj-service-slider .service_pagination {
  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;
  gap: 10px;
  margin-top: 20px;
}
.serviceCarouselWrap .tj-service-slider .service_pagination .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  background-color: var(--tj-color-theme-primary);
  border-radius: 50%;
  margin: 0 !important;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .serviceCarouselWrap .tj-service-slider {
    padding-top: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .serviceCarouselWrap .tj-service-slider {
    padding-top: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .serviceCarouselWrap .tj-service-slider {
    padding-top: 0;
  }
}

.tj-service-section-three {
  padding-top: 120px;
  padding-bottom: 90px;
  position: relative;
  z-index: 2;
}
.tj-service-section-three .tj-sec-heading-three {
  max-width: 575px;
  width: 100%;
  margin-bottom: 60px;
}
.tj-service-section-three .sec-shape-1 {
  position: absolute;
  top: 12%;
  left: 8%;
  max-width: 145px;
  width: 100%;
  z-index: -1;
}
.tj-service-section-three .sec-shape-2 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 5%;
  max-width: 125px;
  width: 100%;
  z-index: -1;
}
.tj-service-section-three .sec-shape-3 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  z-index: -1;
}
.tj-service-section-three .sec-shape-4 {
  position: absolute;
  top: -12%;
  right: 0;
  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) {
  .tj-service-section-three .sec-shape-2 {
    top: 12%;
  }
}
@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-three {
    padding-top: 80px;
    padding-bottom: 50px;
  }
  .tj-service-section-three .tj-sec-heading-three {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-service-section-three .sec-shape-1,
  .tj-service-section-three .sec-shape-2,
  .tj-service-section-three .sec-shape-3,
  .tj-service-section-three .sec-shape-4 {
    display: none;
  }
}

.feature_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;
  gap: 15px;
  padding: 30px;
  border: 1px solid var(--tj-color-theme-primary);
  background-color: var(--tj-color-common-white);
  position: relative;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .feature_item {
    padding: 15px 20px;
  }
}
@media (max-width: 575px) {
  .feature_item {
    padding: 15px 20px;
  }
}
.feature_item::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(123, 123, 123, 0.4);
  -webkit-filter: blur(60px);
  filter: blur(60px);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
}
.feature_item .feature_icon {
  width: 60px;
  min-height: 85px;
  height: auto;
  font-size: 40px;
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--tj-color-common-white);
  background-color: var(--tj-color-theme-primary);
}
.feature_item .feature_icon img,
.feature_item .feature_icon svg {
  max-width: 40px;
}
.feature_item .feature_icon i,
.feature_item .feature_icon img,
.feature_item .feature_icon svg {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
  -webkit-transition: -webkit-transform 0.7s;
  transition: -webkit-transform 0.7s;
  transition: transform 0.7s;
  transition: transform 0.7s, -webkit-transform 0.7s;
}
.feature_item .feature_content {
  width: calc(100% - 75px);
}
.feature_item .feature_content .title {
  margin-bottom: 10px;
}
.feature_item .feature_content .sub-title {
  display: block;
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-regular);
  font-size: 18px;
  position: relative;
  z-index: 1;
  padding-left: 35px;
}
.feature_item .feature_content .sub-title::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 25px;
  height: 1px;
  background-color: var(--tj-color-theme-primary);
}
.feature_item .item-shape {
  position: absolute;
  top: 25px;
  right: 20px;
  max-width: 90px;
  width: 100%;
}
.feature_item:hover {
  border-color: transparent;
}
.feature_item:hover .feature_icon i,
.feature_item:hover .feature_icon img,
.feature_item:hover .feature_icon svg {
  -webkit-transform: rotateY(360deg);
          transform: rotateY(360deg);
}
.feature_item:hover::before {
  opacity: 1;
  visibility: visible;
}

.tj-service-item-two {
  background-color: var(--tj-color-common-white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 0;
     -moz-column-gap: 0;
          column-gap: 0;
  row-gap: 20px;
  padding: 40px 30px 40px 0;
  margin-bottom: 30px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.tj-service-item-two .service-icon-box {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  max-width: 200px;
  width: 100%;
}
.tj-service-item-two .service-icon-box .service_icon_box_inner {
  background-color: var(--tj-color-common-white);
  width: 100%;
  height: auto;
  text-align: center;
  padding: 0 10px;
  position: relative;
  z-index: 1;
}
.tj-service-item-two .service-icon-box .service_icon_box_inner .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: 105px;
  height: 105px;
  background-color: var(--tj-color-common-white);
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 30.78px 0px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 0px 0px 30.78px 0px rgba(0, 0, 0, 0.1490196078);
  padding: 5px;
}
.tj-service-item-two .service-icon-box .service_icon_box_inner .service_icon .icon_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: 100%;
  height: 100%;
  background-color: var(--tj-color-theme-primary);
  border-radius: 50%;
  font-size: 45px;
  line-height: 1;
  color: var(--tj-color-common-white);
}
.tj-service-item-two .service-icon-box .service_icon_box_inner .service_icon .icon_inner i,
.tj-service-item-two .service-icon-box .service_icon_box_inner .service_icon .icon_inner svg,
.tj-service-item-two .service-icon-box .service_icon_box_inner .service_icon .icon_inner img {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
  -webkit-transition: -webkit-transform 0.7s;
  transition: -webkit-transform 0.7s;
  transition: transform 0.7s;
  transition: transform 0.7s, -webkit-transform 0.7s;
}
.tj-service-item-two .service-icon-box .service_icon_box_inner .service_icon .icon_inner svg,
.tj-service-item-two .service-icon-box .service_icon_box_inner .service_icon .icon_inner img {
  max-width: 45px;
}
.tj-service-item-two .service-icon-box .service_icon_box_inner .item-shape {
  position: absolute;
  left: 50%;
  bottom: 30px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
  width: 70%;
}
.tj-service-item-two .service-content {
  width: calc(100% - 200px);
}
.tj-service-item-two .service-content .title {
  margin: 0;
}
.tj-service-item-two .service-content .title a:hover {
  color: var(--tj-color-theme-primary);
}
.tj-service-item-two .service-content .desc {
  font-size: 16px;
  margin-top: 10px;
}
.tj-service-item-two .service-content .desc p:last-child {
  margin: 0;
}
.tj-service-item-two .service-content .service-btn {
  margin-top: 15px;
}
.tj-service-item-two:hover {
  -webkit-box-shadow: 0px 0px 30.78px 0px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 0px 0px 30.78px 0px rgba(0, 0, 0, 0.1490196078);
}
.tj-service-item-two:hover .service-icon-box .service_icon_box_inner .service_icon .icon_inner i,
.tj-service-item-two:hover .service-icon-box .service_icon_box_inner .service_icon .icon_inner img,
.tj-service-item-two:hover .service-icon-box .service_icon_box_inner .service_icon .icon_inner svg {
  -webkit-transform: rotateY(360deg);
          transform: rotateY(360deg);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-service-item-two {
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
    padding: 40px 20px 40px 0;
  }
  .tj-service-item-two .service-icon-box {
    max-width: 165px;
  }
  .tj-service-item-two .service-content {
    width: calc(100% - 165px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tj-service-item-two {
    max-width: 550px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
  }
  .tj-service-item-two .service-icon-box {
    max-width: 165px;
  }
  .tj-service-item-two .service-content {
    width: calc(100% - 165px);
  }
}
@media (max-width: 575px) {
  .tj-service-item-two {
    padding: 30px 20px 30px 0;
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
    max-width: 400px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .tj-service-item-two .service-icon-box {
    max-width: 125px;
  }
  .tj-service-item-two .service-icon-box .service_icon_box_inner {
    padding: 0 10px;
  }
  .tj-service-item-two .service-icon-box .service_icon_box_inner .service_icon {
    width: 85px;
    height: 85px;
  }
  .tj-service-item-two .service-icon-box .service_icon_box_inner .service_icon .icon_inner {
    font-size: 35px;
  }
  .tj-service-item-two .service-icon-box .service_icon_box_inner .service_icon .icon_inner img,
  .tj-service-item-two .service-icon-box .service_icon_box_inner .service_icon .icon_inner svg {
    max-width: 35px;
  }
  .tj-service-item-two .service-icon-box .service_icon_box_inner .item-shape {
    bottom: 30px;
  }
  .tj-service-item-two .service-content {
    width: calc(100% - 125px);
  }
  .tj-service-item-two .service-content .desc {
    font-size: 15px;
  }
}

.service-item-four {
  border-radius: 20px;
  border: 1px solid var(--tj-color-grey-3);
  margin-bottom: 30px;
  padding: 30px 30px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.service-item-four .title {
  margin-bottom: 20px;
}
.service-item-four .title a:hover {
  color: var(--tj-color-theme-primary);
}
.service-item-four .desc {
  margin-bottom: 20px;
}
.service-item-four .desc p:last-child {
  margin-bottom: 0;
}
.service-item-four .service-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 30px;
}
.service-item-four .service-image a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.service-item-four .service-image img {
  width: 100%;
  -webkit-transition: -webkit-transform 0.8s;
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
}
.service-item-four:hover {
  border-color: var(--tj-color-theme-primary);
}
.service-item-four:hover .service-image img {
  -webkit-transform: scale(1.12);
      -ms-transform: scale(1.12);
          transform: scale(1.12);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .service-item-four {
    padding: 25px 15px;
  }
}

/* !END: Theme Service CSS */
/**----------------------------------------
START: Theme Process CSS
----------------------------------------*/
.tj-process-item {
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  margin-bottom: 30px;
  overflow: hidden;
}
.tj-process-item::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(50, 60, 69, 0.8)), to(rgba(50, 60, 69, 0)));
  background-image: linear-gradient(0deg, rgba(50, 60, 69, 0.8) 0%, rgba(50, 60, 69, 0) 100%);
  z-index: 1;
}
.tj-process-item img {
  width: 100%;
  -webkit-transition: -webkit-transform 0.8s;
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
}
.tj-process-item .process-content {
  position: absolute;
  left: 0;
  bottom: 30px;
  width: 100%;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 17px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background: transparent;
  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) {
  .tj-process-item .process-content {
    gap: 14px;
  }
}
.tj-process-item .process-content .process-icon {
  width: 67px;
  height: 90px;
  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;
  color: var(--tj-color-common-white);
  background-color: var(--tj-color-theme-primary);
  font-size: 37px;
  line-height: 1;
  position: relative;
  bottom: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@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-process-item .process-content .process-icon {
    width: 60px;
    height: 80px;
    font-size: 35px;
  }
}
.tj-process-item .process-content .process-title .title {
  color: var(--tj-color-common-white);
  margin: 0;
}
.tj-process-item:hover img {
  -webkit-transform: scale(1.12);
      -ms-transform: scale(1.12);
          transform: scale(1.12);
}
.tj-process-item:hover .process-content {
  padding-left: 15px;
  background-color: var(--tj-color-common-white);
  bottom: 0;
}
.tj-process-item:hover .process-content .process-icon {
  bottom: 30px;
}
.tj-process-item:hover .process-content .process-title .title {
  color: var(--tj-color-common-black);
}

.tj-process-item-two {
  margin-bottom: 30px;
  position: relative;
  border-radius: 15px;
  overflow: hidden;
  z-index: 1;
}
.tj-process-item-two::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  bottom: 0;
  top: 0;
  left: 0;
  background-image: -webkit-gradient(linear, left bottom, left top, from(var(--tj-color-theme-primary)), color-stop(87.9%, rgba(50, 60, 69, 0)));
  background-image: linear-gradient(0deg, var(--tj-color-theme-primary) 0%, rgba(50, 60, 69, 0) 87.9%);
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  z-index: 1;
}
.tj-process-item-two .process-images {
  overflow: hidden;
}
.tj-process-item-two .process-images img {
  min-height: 450px;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: -webkit-transform 0.8s;
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tj-process-item-two .process-images img {
    min-height: 400px;
  }
}
@media (max-width: 575px) {
  .tj-process-item-two .process-images img {
    min-height: 350px;
  }
}
.tj-process-item-two .process_no {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 50px;
  line-height: 1;
  font-weight: var(--tj-fw-bold);
  color: var(--tj-color-common-white);
  -webkit-text-stroke: 1px var(--tj-color-common-white);
  -webkit-text-fill-color: transparent;
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 2;
}
.tj-process-item-two .process-content {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 30px;
  z-index: 2;
}
.tj-process-item-two .process-content .process-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: 90px;
  height: 90px;
  border-radius: 10px;
  font-size: 50px;
  line-height: 1;
  border: 1px solid var(--tj-color-common-white);
  background-color: rgba(57, 202, 110, 0.14);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  color: var(--tj-color-common-white);
  margin-bottom: 20px;
}
.tj-process-item-two .process-content .process-icon svg,
.tj-process-item-two .process-content .process-icon img {
  max-width: 45px;
}
.tj-process-item-two .process-content .process-icon i,
.tj-process-item-two .process-content .process-icon svg,
.tj-process-item-two .process-content .process-icon img {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.tj-process-item-two .process-content .process-title .title {
  color: var(--tj-color-common-white);
  margin: 0;
}
.tj-process-item-two .process-content .process-title .title span {
  font-weight: var(--tj-fw-light);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tj-process-item-two .process-content {
    padding: 30px 20px;
  }
}
@media (max-width: 575px) {
  .tj-process-item-two .process-content {
    padding: 25px 20px;
  }
  .tj-process-item-two .process-content .process-icon {
    width: 80px;
    height: 80px;
    font-size: 40px;
    margin-bottom: 15px;
  }
}
.tj-process-item-two:hover::before {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.tj-process-item-two:hover .process-images img {
  -webkit-transform: scale(1.12);
      -ms-transform: scale(1.12);
          transform: scale(1.12);
}
.tj-process-item-two:hover .process-content .process-icon img,
.tj-process-item-two:hover .process-content .process-icon i,
.tj-process-item-two:hover .process-content .process-icon svg {
  -webkit-animation: bounceIn 1s forwards;
          animation: bounceIn 1s forwards;
}

.tj_step_wrap {
  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;
  row-gap: 40px;
}
.tj_step_wrap .tj_step_item {
  max-width: 25%;
  width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tj_step_wrap .tj_step_item {
    max-width: 50%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj_step_wrap .tj_step_item {
    max-width: 100%;
  }
}

.tj_step_item {
  text-align: center;
  position: relative;
  z-index: 1;
  padding-top: 55px;
}
.tj_step_item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 14px;
  width: 100%;
  height: 1px;
  background-color: var(--tj-color-border-2);
  z-index: 1;
}
.tj_step_item .step_label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: var(--tj-color-theme-secondary);
  font-weight: 400;
  font-size: 18px;
  line-height: 1;
  color: var(--tj-color-common-white);
  padding: 5px 10px;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 2;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.tj_step_item .step_item_wrap {
  max-width: 260px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.tj_step_item .step_img {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 195px;
  height: 195px;
  border-radius: 50%;
  border: 1px solid var(--tj-color-border-2);
  padding: 15px;
  margin-bottom: 20px;
}
.tj_step_item .step_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  -webkit-transition: 1s;
  transition: 1s;
}
.tj_step_item .step_title {
  margin: 0;
}
.tj_step_item .step_title a:hover {
  color: var(--tj-color-theme-primary);
}
.tj_step_item .step_desc {
  margin-top: 15px;
}
.tj_step_item:hover .step_label {
  background-color: var(--tj-color-theme-primary);
}
.tj_step_item:hover .step_img img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tj_step_item .step_item_wrap {
    max-width: 250px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj_step_item .step_item_wrap {
    max-width: 250px;
  }
  .tj_step_item .step_img {
    width: 175px;
    height: 175px;
    padding: 12px;
  }
}
@media (max-width: 575px) {
  .tj_step_item .step_img {
    width: 160px;
    height: 160px;
    padding: 10px;
  }
  .tj_step_item .step_desc {
    margin-top: 12px;
  }
}

/* !END: Theme Process CSS */
/**----------------------------------------
START: Theme Team CSS
----------------------------------------*/
.tj-team-item {
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
}
.tj-team-item .team-image {
  margin-bottom: 20px;
  overflow: hidden;
}
.tj-team-item .team-image img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: -webkit-transform 0.8s;
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
}
.tj-team-item .team-content {
  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;
  padding: 0 20px;
  gap: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-team-item .team-content {
    padding: 0;
  }
}
.tj-team-item .team-content .team-auother {
  width: calc(100% - 50px);
}
.tj-team-item .team-content .team-auother .title {
  margin: 0;
}
.tj-team-item .team-content .team-auother .sub-title {
  display: block;
  font-size: 14px;
  line-height: 1;
  margin-top: 5px;
}
.tj-team-item .team-content .team-share .team-social {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0;
  z-index: 2;
}
.tj-team-item .team-content .team-share .team-social li {
  position: relative;
  list-style-type: none;
  display: inline-block;
  z-index: 1;
  cursor: pointer;
}
.tj-team-item .team-content .team-share .team-social 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;
  width: 40px;
  height: 40px;
  background: var(--tj-color-theme-secondary);
  color: var(--tj-color-common-white);
  font-size: 18px;
  position: relative;
  overflow: hidden;
}
.tj-team-item .team-content .team-share .team-social li .team-social-icon {
  position: absolute;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  pointer-events: none;
  z-index: -1;
}
.tj-team-item .team-content .team-share .team-social li .team-social-icon 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: 40px;
  height: 40px;
  line-height: 1;
  background-color: var(--tj-color-theme-primary);
  color: var(--tj-color-common-white);
  -webkit-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}
.tj-team-item .team-content .team-share .team-social li .team-social-icon li a i {
  width: 20px;
  height: 20px;
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 50%;
  color: var(--tj-color-theme-primary);
  background-color: var(--tj-color-common-white);
  font-size: 10px;
}
.tj-team-item .team-content .team-share .team-social li .team-social-icon li a:hover {
  background-color: var(--tj-color-theme-secondary);
}
.tj-team-item .team-content .team-share .team-social li:hover .team-social-icon {
  opacity: 1;
  visibility: visible;
  bottom: 100%;
  pointer-events: inherit;
}
.tj-team-item:hover .team-image img {
  -webkit-transform: scale(1.12);
      -ms-transform: scale(1.12);
          transform: scale(1.12);
}
@media (max-width: 575px) {
  .tj-team-item .team-image {
    margin-bottom: 15px;
  }
}

.tj-team-item-two {
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
}
.tj-team-item-two .team-image {
  margin-bottom: 20px;
}
.tj-team-item-two .team-image img {
  width: 100%;
  border-radius: 13px;
}
.tj-team-item-two .team-content {
  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;
  padding: 0 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-team-item-two .team-content {
    padding: 0;
  }
}
.tj-team-item-two .team-content .team-auother .title {
  margin-bottom: 5px;
}
.tj-team-item-two .team-content .team-auother .sub-title {
  font-size: 18px;
}
.tj-team-item-two .team-share .team-social {
  position: absolute;
  right: 20px;
  bottom: 10px;
  display: inline-block;
  margin: 0;
  z-index: 2;
}
.tj-team-item-two .team-share .team-social li {
  position: relative;
  list-style-type: none;
  display: inline-block;
}
.tj-team-item-two .team-share .team-social 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;
  width: 45px;
  height: 45px;
  background: var(--tj-color-theme-secondary);
  color: var(--tj-color-common-white);
  font-size: 18px;
  position: relative;
  overflow: hidden;
}
.tj-team-item-two .team-share .team-social li .team-social-icon {
  position: absolute;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all ease 0.8s;
  transition: all ease 0.8s;
  z-index: 2;
}
.tj-team-item-two .team-share .team-social li .team-social-icon 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: 45px;
  height: 45px;
  font-size: 18px;
  background: var(--tj-color-theme-primary);
  color: var(--tj-color-common-white);
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
}
.tj-team-item-two .team-share .team-social li .team-social-icon li a i {
  width: 25px;
  height: 25px;
  line-height: 25px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  color: var(--tj-color-theme-primary);
  background: var(--tj-color-common-white);
  font-size: 10px;
}
.tj-team-item-two .team-share .team-social li:hover .team-social-icon {
  opacity: 1;
  visibility: visible;
  bottom: 0;
  z-index: 5;
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-team-item-two .team-content .team-auother .title {
    font-size: 25px;
  }
  .tj-team-item-two .team-share .team-social li i {
    width: 45px;
    height: 45px;
  }
  .tj-team-item-two .team-share .team-social li .team-social-icon li a {
    width: 45px;
    height: 45px;
  }
}

/* !END: Theme Team CSS */
/**----------------------------------------
START: Theme Testimonial CSS
----------------------------------------*/
.thumb-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;
  z-index: 1;
  padding-right: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .thumb-content-area {
    padding-right: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .thumb-content-area {
    padding-right: 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) {
  .thumb-content-area {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-right: 15px;
  }
}
.thumb-content-area .active-image {
  position: relative;
  max-width: calc(100% - 110px);
  width: 100%;
  height: 600px;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .thumb-content-area .active-image {
    max-width: calc(100% - 90px);
    height: 530px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .thumb-content-area .active-image {
    max-width: 550px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .thumb-content-area .active-image {
    max-width: 550px;
    height: 450px;
  }
}
.thumb-content-area .active-image .testimonial_active_img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  z-index: 3;
}
.thumb-content-area .active-image .testimonial_active_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.thumb-content-area .active-image .testimonial_active_img.active {
  visibility: visible;
  opacity: 1;
}
.thumb-content-area .thumb-testimonial-slider {
  margin: 0;
  max-width: 110px;
  width: 100%;
}
.thumb-content-area .thumb-testimonial-slider .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
  max-width: 110px;
  width: 100%;
}
.thumb-content-area .thumb-testimonial-slider .swiper-wrapper .thumb-image {
  width: 100%;
  height: 90px;
  cursor: pointer;
  position: relative;
  z-index: 1;
}
.thumb-content-area .thumb-testimonial-slider .swiper-wrapper .thumb-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0 100px 100px 0;
}
.thumb-content-area .thumb-testimonial-slider .swiper-wrapper .thumb-image::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 0px 100px 100px 0px;
  z-index: 1;
}
.thumb-content-area .thumb-testimonial-slider .swiper-wrapper .thumb-image.swiper-slide-thumb-active::before {
  opacity: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .thumb-content-area .thumb-testimonial-slider {
    max-width: 90px;
  }
  .thumb-content-area .thumb-testimonial-slider .swiper-wrapper .thumb-image {
    height: 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) {
  .thumb-content-area .thumb-testimonial-slider {
    max-width: 100%;
  }
  .thumb-content-area .thumb-testimonial-slider .swiper-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 100%;
  }
  .thumb-content-area .thumb-testimonial-slider .swiper-wrapper .thumb-image {
    width: 85px;
    height: 100px;
  }
  .thumb-content-area .thumb-testimonial-slider .swiper-wrapper .thumb-image img {
    border-radius: 0 0 100px 100px;
  }
  .thumb-content-area .thumb-testimonial-slider .swiper-wrapper .thumb-image::before {
    border-radius: 0 0 100px 100px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .thumb-content-area .thumb-testimonial-slider .swiper-wrapper {
    gap: 30px;
  }
}
@media (max-width: 575px) {
  .thumb-content-area .thumb-testimonial-slider .swiper-wrapper {
    gap: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-testimonial-item {
    text-align: center;
  }
}
.tj-testimonial-item .desc {
  max-width: 670px;
  width: 100%;
  font-weight: var(--tj-fw-regular);
  font-family: var(--tj-ff-heading);
  font-size: 22px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-testimonial-item .desc {
    font-size: 18px;
    margin-left: auto;
    margin-right: auto;
  }
}
.tj-testimonial-item .testimonial-author {
  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;
}
@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-item .testimonial-author {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.tj-testimonial-item .testimonial-author .author-image {
  width: 60px;
  height: 60px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.tj-testimonial-item .testimonial-author .author-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  -o-object-position: top center;
     object-position: top center;
}
.tj-testimonial-item .testimonial-author .author-header {
  width: calc(100% - 80px);
}
.tj-testimonial-item .testimonial-author .author-header .title {
  color: var(--tj-color-heading-primary);
  margin: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-testimonial-item .testimonial-author .author-header {
    width: auto;
    text-align: left;
  }
}

.tj-testimonial-slider {
  margin-bottom: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-testimonial-slider {
    margin-bottom: 0;
  }
}
.tj-testimonial-slider .testimonial-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 25px;
  line-height: 1;
  color: var(--tj-color-theme-secondary);
  gap: 20px;
  margin-top: 40px;
}
.tj-testimonial-slider .testimonial-navigation .testimonial-next,
.tj-testimonial-slider .testimonial-navigation .testimonial-prev {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
}
.tj-testimonial-slider .testimonial-navigation .testimonial-next i,
.tj-testimonial-slider .testimonial-navigation .testimonial-prev i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.tj-testimonial-slider .testimonial-navigation .testimonial-next:hover,
.tj-testimonial-slider .testimonial-navigation .testimonial-prev:hover {
  color: var(--tj-color-theme-primary);
}
.tj-testimonial-slider .testimonial-navigation .testimonial-prev {
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-testimonial-slider .testimonial-navigation {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tj-testimonial-slider .testimonial-navigation {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 30px;
  }
}

.testimonial-slider-item {
  max-width: 525px;
  width: 100%;
}
.testimonial-slider-item .desc {
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-medium);
  margin-bottom: 40px;
}
.testimonial-slider-item .testimonial-auother {
  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;
}
.testimonial-slider-item .testimonial-auother .quote-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: 95px;
  height: 80px;
  font-size: 35px;
  line-height: 1;
  background-color: var(--tj-color-light-2);
  border-radius: 0px 100px 100px 0px;
  border: 1px solid var(--tj-color-theme-primary);
  color: var(--tj-color-heading-primary);
}
.testimonial-slider-item .testimonial-auother .quote-icon i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-slider-item .testimonial-auother .quote-icon {
    width: 70px;
    height: 60px;
    font-size: 25px;
  }
}
.testimonial-slider-item .testimonial-auother .testimonial-text {
  width: calc(100% - 115px);
}
.testimonial-slider-item .testimonial-auother .testimonial-text .title {
  font-weight: var(--tj-fw-sbold);
  margin: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-slider-item .testimonial-auother .testimonial-text .title {
    font-size: 25px;
  }
}
.testimonial-slider-item .testimonial-auother .testimonial-text .sub-title {
  display: block;
  font-size: 18px;
  line-height: 1;
  font-weight: var(--tj-fw-medium);
  font-family: var(--tj-ff-heading);
  margin-top: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-slider-item {
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
  }
}

.testimonial-slider-item-two {
  border-radius: 10px;
  border: 1px solid var(--tj-color-grey-3);
  background-color: var(--tj-color-light-3);
  padding: 40px 20px 20px 20px;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}
.testimonial-slider-item-two .testimonial-rating {
  margin-bottom: 20px;
}
.testimonial-slider-item-two .testimonial-rating .star-ratings {
  unicode-bidi: bidi-override;
  color: var(--tj-color-light-9);
  font-size: 20px;
  line-height: 1;
  letter-spacing: 5px;
  position: relative;
  margin: 0;
  padding: 0;
  -webkit-text-stroke: 1px var(--tj-color-light-9);
}
.testimonial-slider-item-two .testimonial-rating .star-ratings .fill-ratings {
  padding: 0;
  position: absolute;
  z-index: 1;
  display: block;
  top: 0;
  left: 0;
  overflow: hidden;
}
.testimonial-slider-item-two .testimonial-rating .star-ratings .fill-ratings span {
  display: inline-block;
}
.testimonial-slider-item-two .testimonial-rating .star-ratings .empty-ratings {
  padding: 0;
  display: block;
  z-index: 0;
  color: transparent;
}
.testimonial-slider-item-two .desc {
  margin-bottom: 20px;
  font-size: 15px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.testimonial-slider-item-two .testimonial-author {
  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: 15px;
}
.testimonial-slider-item-two .testimonial-author .author-images {
  max-width: 55px;
  width: 100%;
  height: 55px;
  border-radius: 50%;
  background-color: var(--tj-color-theme-secondary);
  padding: 3px;
  -webkit-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}
.testimonial-slider-item-two .testimonial-author .author-images img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.testimonial-slider-item-two .testimonial-author .author-name {
  width: calc(100% - 70px);
}
.testimonial-slider-item-two .testimonial-author .author-name .title {
  font-size: 18px;
  font-weight: var(--tj-fw-medium);
  margin: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.testimonial-slider-item-two .testimonial-author .author-name span {
  display: block;
  font-size: 12px;
  line-height: 1;
  margin-top: 5px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.testimonial-slider-item-two .quote-icon {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: -1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 25px;
  line-height: 1;
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--tj-color-theme-secondary)), color-stop(93.24%, rgba(50, 60, 69, 0)));
  background-image: linear-gradient(180deg, var(--tj-color-theme-secondary) 0%, rgba(50, 60, 69, 0) 93.24%);
  color: transparent;
  -webkit-background-clip: text;
          background-clip: text;
  opacity: 0.2;
}
.testimonial-slider-item-two .quote-icon i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.testimonial-slider-item-two:hover {
  background-color: var(--tj-color-theme-secondary);
  border-color: var(--tj-color-theme-secondary);
}
.testimonial-slider-item-two:hover .desc {
  color: var(--tj-color-common-white);
}
.testimonial-slider-item-two:hover .testimonial-author .author-images {
  background-color: var(--tj-color-theme-primary);
}
.testimonial-slider-item-two:hover .testimonial-author .author-name .title {
  color: var(--tj-color-theme-primary);
}
.testimonial-slider-item-two:hover .testimonial-author .author-name span {
  color: var(--tj-color-common-white);
}
.testimonial-slider-item-two:hover .quote-icon {
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--tj-color-common-white)), color-stop(93.24%, rgba(50, 60, 69, 0)));
  background-image: linear-gradient(180deg, var(--tj-color-common-white) 0%, rgba(50, 60, 69, 0) 93.24%);
}
@media (max-width: 575px) {
  .testimonial-slider-item-two {
    background-color: var(--tj-color-theme-secondary);
    border-color: var(--tj-color-theme-secondary);
  }
  .testimonial-slider-item-two .desc {
    color: var(--tj-color-common-white);
  }
  .testimonial-slider-item-two .testimonial-author .author-images {
    border-color: var(--tj-color-theme-primary);
  }
  .testimonial-slider-item-two .testimonial-author .author-name .title {
    color: var(--tj-color-theme-primary);
  }
  .testimonial-slider-item-two .testimonial-author .author-name span {
    color: var(--tj-color-common-white);
  }
  .testimonial-slider-item-two .quote-icon {
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--tj-color-common-white)), color-stop(93.24%, rgba(50, 60, 69, 0)));
    background-image: linear-gradient(180deg, var(--tj-color-common-white) 0%, rgba(50, 60, 69, 0) 93.24%);
  }
}

.carouselWrap .tj-testimonial-slider3 {
  position: relative;
  z-index: 1;
  padding-top: 90px;
}
.carouselWrap .tj-testimonial-slider3 .testimonial_navigation {
  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;
  gap: 20px;
  position: absolute;
  right: 0;
  top: 0;
}
.carouselWrap .tj-testimonial-slider3 .testimonial_navigation .navigation {
  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: 55px;
  height: 42px;
  font-size: 20px;
  line-height: 1;
  border: 1px solid rgba(57, 202, 110, 0.5);
  color: rgba(57, 202, 110, 0.5);
  border-radius: 5px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.carouselWrap .tj-testimonial-slider3 .testimonial_navigation .navigation i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.carouselWrap .tj-testimonial-slider3 .testimonial_navigation .navigation:hover {
  border-color: var(--tj-color-theme-primary);
}
.carouselWrap .tj-testimonial-slider3 .testimonial_navigation .navigation:hover i {
  color: var(--tj-color-theme-primary);
}
.carouselWrap .tj-testimonial-slider3 .testimonial_pagination {
  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;
  gap: 10px;
  margin-top: 40px;
}
.carouselWrap .tj-testimonial-slider3 .testimonial_pagination .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  background-color: var(--tj-color-theme-primary);
  border-radius: 50%;
  margin: 0 !important;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .carouselWrap .tj-testimonial-slider3 {
    padding-top: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .carouselWrap .tj-testimonial-slider3 {
    padding-top: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .carouselWrap .tj-testimonial-slider3 {
    padding-top: 0;
  }
}

.testimonial-wrapper {
  text-align: right;
  position: relative;
  padding-top: 34px;
  padding-left: 34px;
  max-width: 474px;
  width: 100%;
  margin-left: 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) {
  .testimonial-wrapper {
    text-align: center;
    margin-bottom: 40px;
  }
}
.testimonial-wrapper .quote-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 78px;
  height: 78px;
  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: 32px;
  line-height: 1;
  border-radius: 50%;
  color: var(--tj-color-common-white);
  background-color: var(--tj-color-theme-primary);
  border: 2px solid var(--tj-color-common-white);
  -webkit-box-shadow: 0px 0px 25px 0px rgba(50, 60, 69, 0.3);
          box-shadow: 0px 0px 25px 0px rgba(50, 60, 69, 0.3);
  z-index: 3;
}
.testimonial-wrapper .quote-icon i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.testimonial-wrapper .quote-icon img,
.testimonial-wrapper .quote-icon svg {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  max-width: 35px;
  width: 100%;
}
.testimonial-wrapper .testimonial-image {
  width: 100%;
  overflow: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-wrapper {
    max-width: 455px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial-wrapper {
    max-width: 455px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 575px) {
  .testimonial-wrapper {
    padding-top: 20px;
    padding-left: 20px;
    max-width: 375px;
    margin-left: auto;
    margin-right: auto;
  }
  .testimonial-wrapper .quote-icon {
    width: 60px;
    height: 60px;
    font-size: 25px;
  }
}

/* !END: Theme Testimonial CSS */
/**----------------------------------------
START: Theme FAQ CSS
----------------------------------------*/
.accordion_item {
  position: relative;
  background-color: var(--tj-color-common-white);
  z-index: 1;
}
.accordion_item:not(:last-child) {
  margin-bottom: 15px;
}
.accordion_item .accordion_title {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 22px;
  line-height: 1.3;
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-bold);
  padding: 25px 55px 25px 25px;
  background-color: transparent;
  position: relative;
  color: var(--tj-color-heading-primary);
  outline: none;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
  text-align: left;
}
.accordion_item .accordion_title:before {
  position: absolute;
  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: 25px;
  height: 25px;
  top: 32px;
  right: 20px;
  content: "+";
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  font-size: 13px;
  line-height: 1;
  color: var(--tj-color-theme-primary);
  text-align: center;
  border-radius: 50%;
  border: 1px solid var(--tj-color-theme-primary);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.accordion_item .accordion_title:not(.collapsed) {
  color: var(--tj-color-theme-primary);
}
.accordion_item .accordion_title:not(.collapsed):before {
  content: "\f068";
}
.accordion_item .accordion_title:focus {
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
  outline: none;
}
.accordion_item .accordion_title:after {
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .accordion_item .accordion_title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .accordion_item .accordion_title {
    font-size: 18px;
    padding: 20px 50px 20px 20px;
  }
  .accordion_item .accordion_title::before {
    top: 20px;
    right: 15px;
  }
}
.accordion_item .accordion-body {
  padding: 5px 25px 25px 25px;
  font-size: 18px;
  color: var(--tj-color-text-body);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .accordion_item .accordion-body {
    font-size: 16px;
    padding: 0 20px 20px 20px;
  }
}

/* !END: Theme FAQ CSS */
/**----------------------------------------
START: Theme Blog CSS
----------------------------------------*/
.tj-blog-item {
  margin-bottom: 40px;
}
.tj-blog-item .blog-image {
  margin-bottom: 20px;
  overflow: hidden;
}
.tj-blog-item .blog-image a {
  display: inline-block;
  width: 100%;
}
.tj-blog-item .blog-image img {
  width: 100%;
  -webkit-transition: -webkit-transform 0.8s;
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
}
.tj-blog-item .blog-text-area {
  padding: 0 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-blog-item .blog-text-area {
    padding: 0;
  }
}
.tj-blog-item .blog-text-area .blog-meta {
  margin-bottom: 15px;
}
.tj-blog-item .blog-text-area .blog-content .title {
  margin: 0;
}
.tj-blog-item .blog-text-area .blog-content .title a:hover {
  color: var(--tj-color-theme-primary);
}
.tj-blog-item .blog-text-area .blog-content .blog_btn {
  margin-top: 30px;
  border-width: 1px;
  border-color: var(--tj-color-text-body);
  color: var(--tj-color-text-body);
}
.tj-blog-item .blog-text-area .blog-content .blog_btn i {
  color: var(--tj-color-text-body);
}
.tj-blog-item .blog-text-area .blog-content .blog_btn:hover {
  border-color: var(--tj-color-theme-primary);
  color: var(--tj-color-common-white);
}
.tj-blog-item .blog-text-area .blog-content .blog_btn:hover i {
  color: var(--tj-color-common-white);
}
.tj-blog-item:hover .blog-image img {
  -webkit-transform: scale(1.12);
      -ms-transform: scale(1.12);
          transform: scale(1.12);
}
@media (max-width: 575px) {
  .tj-blog-item .blog-image {
    margin-bottom: 15px;
  }
  .tj-blog-item .blog-text-area .blog-meta {
    margin-bottom: 10px;
  }
  .tj-blog-item .blog-text-area .blog-content .blog_btn {
    margin-top: 20px;
  }
}

.tj-blog-item-two {
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.tj-blog-item-two .blog-image {
  overflow: hidden;
}
.tj-blog-item-two .blog-image a {
  display: inline-block;
  width: 100%;
}
.tj-blog-item-two .blog-image a img {
  width: 100%;
  -webkit-transition: -webkit-transform 0.8s;
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
}
.tj-blog-item-two .blog-content {
  background-color: var(--tj-color-common-white);
  padding: 30px 20px;
  max-width: 90%;
  width: 100%;
  position: relative;
  z-index: 1;
  margin-top: -40px;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.tj-blog-item-two .blog-content .blog-meta {
  margin-bottom: 20px;
}
.tj-blog-item-two .blog-content .title {
  margin: 0;
}
.tj-blog-item-two .blog-content .title a:hover {
  color: var(--tj-color-theme-primary);
}
.tj-blog-item-two .blog-content .blog_btn {
  margin-top: 30px;
}
@media (max-width: 575px) {
  .tj-blog-item-two .blog-content {
    padding: 20px 15px;
  }
  .tj-blog-item-two .blog-content .blog-meta {
    margin-bottom: 15px;
  }
  .tj-blog-item-two .blog-content .blog_btn {
    margin-top: 20px;
  }
}
.tj-blog-item-two:hover .blog-image img {
  -webkit-transform: scale(1.12);
      -ms-transform: scale(1.12);
          transform: scale(1.12);
}
.tj-blog-item-two:hover .blog-content {
  -webkit-box-shadow: 0 15px 30px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0 15px 30px 0px rgba(0, 0, 0, 0.05);
}

.tj-blog-item-three {
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.tj-blog-item-three .blog-image {
  overflow: hidden;
  border-radius: 10px;
}
.tj-blog-item-three .blog-image a {
  display: inline-block;
  width: 100%;
}
.tj-blog-item-three .blog-image a img {
  width: 100%;
  -webkit-transition: -webkit-transform 0.8s;
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
}
.tj-blog-item-three .blog-content {
  background-color: var(--tj-color-common-white);
  padding: 20px 10px;
  max-width: 90%;
  width: 100%;
  position: relative;
  z-index: 1;
  margin-top: -36px;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 10px;
  text-align: center;
}
.tj-blog-item-three .blog-content .blog-meta {
  margin-bottom: 20px;
}
.tj-blog-item-three .blog-content .blog-meta ul {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tj-blog-item-three .blog-content .blog-meta ul li {
  font-size: 15px;
}
.tj-blog-item-three .blog-content .title {
  margin: 0;
}
.tj-blog-item-three .blog-content .title a:hover {
  color: var(--tj-color-theme-primary);
}
.tj-blog-item-three .blog-content .blog_btn {
  margin-top: 20px;
}
.tj-blog-item-three:hover .blog-image img {
  -webkit-transform: scale(1.12);
      -ms-transform: scale(1.12);
          transform: scale(1.12);
}
.tj-blog-item-three:hover .blog-content {
  -webkit-box-shadow: 0 15px 30px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0 15px 30px 0px rgba(0, 0, 0, 0.05);
}

.blog-meta 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: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
  row-gap: 15px;
}
.blog-meta ul li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 7px;
  font-size: 17px;
  text-transform: capitalize;
  line-height: 1;
  color: var(--tj-color-text-body);
}
.blog-meta ul li i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.blog-meta ul li a {
  color: inherit;
  font-size: inherit;
}
.blog-meta ul li a:hover {
  color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .blog-meta ul {
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
  }
  .blog-meta ul li {
    font-size: 16px;
  }
}

/* !END: Theme Blog CSS */
/**----------------------------------------
START: Theme Blog CSS
----------------------------------------*/
.tj-posts__area,
.tj-post_details {
  padding-top: 120px;
  padding-bottom: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-posts__area,
  .tj-post_details {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-posts__area,
  .tj-post_details {
    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) {
  .tj-main-sidebar {
    border-top: 1px solid var(--tj-color-border-2);
    padding-top: 51px;
    margin-top: 50px;
  }
}

.tj-blog-widget {
  background-color: var(--tj-color-common-white);
  border: 1px solid var(--tj-color-border-2);
  padding: 30px;
  position: relative;
}
.tj-blog-widget:not(:last-child) {
  margin-bottom: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .tj-blog-widget {
    padding: 30px 20px;
  }
}
.tj-blog-widget .wp-block-heading,
.tj-blog-widget .wp-block-search__label,
.tj-blog-widget .wp-block-categories__label,
.tj-blog-widget .wp-block-archives__label,
.tj-blog-widget .widget_title {
  font-size: 25px;
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-sbold);
  letter-spacing: 0.5px;
  color: var(--tj-color-heading-primary);
  position: relative;
  margin-bottom: 25px;
  padding-bottom: 10px;
}
.tj-blog-widget .wp-block-heading::before,
.tj-blog-widget .wp-block-search__label::before,
.tj-blog-widget .wp-block-categories__label::before,
.tj-blog-widget .wp-block-archives__label::before,
.tj-blog-widget .widget_title::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 50px;
  height: 3px;
  background-color: var(--tj-color-heading-primary);
}
.tj-blog-widget .tagcloud a,
.tj-blog-widget .wp-block-tag-cloud a {
  font-size: 16px !important;
}

.sidebar-search form {
  position: relative;
  width: 100%;
}
.sidebar-search form input[type=search] {
  width: 100%;
  padding: 15px 20px;
  font-size: 16px;
  line-height: 1;
  outline: none;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
  background-color: var(--tj-color-light-3);
  border: 1px solid var(--tj-color-border-2);
}
.sidebar-search form input[type=search]::-webkit-input-placeholder {
  opacity: 0.4;
}
.sidebar-search form input[type=search]::-moz-placeholder {
  opacity: 0.4;
}
.sidebar-search form input[type=search]:-ms-input-placeholder {
  opacity: 0.4;
}
.sidebar-search form input[type=search]::-ms-input-placeholder {
  opacity: 0.4;
}
.sidebar-search form input[type=search]::placeholder {
  opacity: 0.4;
}
.sidebar-search form input[type=search]:focus {
  border-color: var(--tj-color-theme-primary);
}
.sidebar-search form button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 20px;
  line-height: 1;
  color: var(--tj-color-text-body);
}
.sidebar-search form button i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.sidebar-search form button:hover i {
  color: var(--tj-color-theme-primary);
}

.widget_categories ul > li {
  width: 100%;
  display: block;
  color: var(--tj-color-theme-primary);
  font-weight: var(--tj-fw-medium);
  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;
}
.widget_categories ul > li:not(:last-child) {
  margin-bottom: 15px;
}
.widget_categories ul > li > a {
  color: var(--tj-color-text-body);
}
.widget_categories ul > li > a:hover {
  color: var(--tj-color-theme-primary);
}
.widget_categories ul > li > ul {
  width: 100%;
  margin-top: 15px;
  padding-left: 20px;
}

.tagcloud,
.wp-block-tag-cloud {
  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: 15px;
}
.tagcloud a,
.wp-block-tag-cloud a {
  background: transparent;
  font-size: 16px;
  line-height: 1;
  color: var(--tj-color-text-body);
  font-weight: var(--tj-fw-medium);
  margin: 0;
  padding: 10px 15px;
  background-color: var(--tj-color-light-3);
  border: 1px solid var(--tj-color-border-2);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  text-decoration: none;
}
.tagcloud a:hover,
.wp-block-tag-cloud a:hover {
  background-color: var(--tj-color-theme-primary);
  border-color: var(--tj-color-theme-primary);
  color: var(--tj-color-common-white);
}

.tj_recent_posts .recent_post {
  gap: 20px;
}
.tj_recent_posts .recent_post:not(:last-child) {
  margin-bottom: 30px;
}
.tj_recent_posts .recent_post .post-image {
  max-width: 90px;
  width: 100%;
  overflow: hidden;
}
.tj_recent_posts .recent_post .post-image a {
  display: inline-block;
  width: 100%;
}
.tj_recent_posts .recent_post .post-image img {
  width: 100%;
  -webkit-transition: 1s;
  transition: 1s;
}
.tj_recent_posts .recent_post .post-content {
  width: calc(100% - 110px);
}
.tj_recent_posts .recent_post .post-content .date {
  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;
  font-size: 16px;
  line-height: 1;
  color: var(--tj-color-text-body);
  margin-bottom: 10px;
}
.tj_recent_posts .recent_post .post-content .date i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
  color: var(--tj-color-theme-primary);
  margin-top: -3px;
}
.tj_recent_posts .recent_post .post-content .post_title {
  font-size: 18px;
  margin: 0;
}
.tj_recent_posts .recent_post .post-content .post_title a:hover {
  color: var(--tj-color-theme-primary);
}
.tj_recent_posts .recent_post:hover .post-image img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.standard-post:not(:last-child) {
  margin-bottom: 50px;
}
.standard-post .tj-post__gallery {
  margin-bottom: 25px;
}
.standard-post_thumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;
  margin-bottom: 25px;
  line-height: 1;
  overflow: hidden;
}
.standard-post_thumb > a {
  display: inline-block;
  overflow: hidden;
}
.standard-post_thumb img {
  -webkit-transition: 1s;
  transition: 1s;
}
.standard-post_thumb iframe {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.standard-post_thumb .tj-post__video {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
}
.standard-post .post-meta {
  margin-bottom: 20px;
}
.standard-post .post_title {
  margin-bottom: 0;
  font-size: 35px;
}
.standard-post .post_title a:hover {
  color: var(--tj-color-theme-primary);
}
.standard-post .excerpt {
  margin-top: 15px;
}
.standard-post .post_btn {
  margin-top: 25px;
  line-height: 1;
}
.standard-post .post_btn .tj-primary-btn {
  padding: 18px 25px;
  font-size: 16px;
}
.standard-post:hover .standard-post_thumb img {
  -webkit-transform: scale(1.12);
      -ms-transform: scale(1.12);
          transform: scale(1.12);
}
.standard-post.format-gallery .standard-post_thumb img, .standard-post.format-gallery .standard-post_thumb img {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
@media (max-width: 575px) {
  .standard-post:not(:last-child) {
    margin-bottom: 40px;
  }
  .standard-post .tj-post__gallery,
  .standard-post .standard-post_thumb {
    margin-bottom: 20px;
  }
  .standard-post .post_title {
    font-size: 30px;
  }
  .standard-post .post_btn {
    margin-top: 20px;
  }
}
.standard-post.sticky {
  padding: 40px 30px;
  background-color: var(--tj-color-light-3);
  border-top: 3px solid var(--tj-color-theme-primary);
}
@media (max-width: 575px) {
  .standard-post.sticky {
    padding: 30px 20px;
  }
}

.post-meta 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: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
  row-gap: 15px;
}
.post-meta ul li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 7px;
}
.post-meta ul li i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
  color: var(--tj-color-theme-primary);
  margin-top: -2px;
}
.post-meta ul li span {
  display: inline-block;
  text-transform: capitalize;
  color: var(--tj-color-text-body);
}
.post-meta ul li span a {
  color: inherit;
}
.post-meta ul li span a:hover {
  color: var(--tj-color-theme-primary);
}
@media (max-width: 575px) {
  .post-meta {
    margin-bottom: 15px;
  }
  .post-meta ul {
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
  }
}

.blog-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: 20px;
}
.blog-pagination ul li .page-numbers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 45px;
  height: 45px;
  border: 1px solid var(--tj-color-border-2);
  -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;
  background-color: var(--tj-color-light-3);
  font-weight: var(--tj-fw-medium);
  color: var(--tj-color-text-body);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.blog-pagination ul li .page-numbers i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
  color: var(--tj-color-text-body);
}
.blog-pagination ul li .page-numbers:hover, .blog-pagination ul li .page-numbers.current {
  background-color: var(--tj-color-theme-primary);
  border-color: var(--tj-color-theme-primary);
  color: var(--tj-color-common-white);
}
.blog-pagination ul li .page-numbers:hover i, .blog-pagination ul li .page-numbers.current i {
  color: var(--tj-color-common-white);
}

.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: 100px;
  height: 100px;
  background-color: var(--tj-color-light-3);
  color: var(--tj-color-text-body);
  border-radius: 50%;
  font-size: 30px;
  line-height: 1;
  -webkit-animation: pulse-animation 2s infinite;
          animation: pulse-animation 2s infinite;
}
.video-btn i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
  margin-left: 5px;
}
.video-btn:hover {
  background-color: var(--tj-color-theme-primary);
}
.video-btn:hover i {
  color: var(--tj-color-common-white);
}
@media (max-width: 575px) {
  .video-btn {
    width: 80px;
    height: 80px;
  }
}

.tj-post__gallery .tj-post-gallery__nav .tj-gallery-button__next,
.tj-post__gallery .tj-post-gallery__nav .tj-gallery-button__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: 60px;
  height: 60px;
  background-color: var(--tj-color-light-3);
  border-radius: 50%;
  color: var(--tj-color-text-body);
  position: absolute;
  top: 50%;
  left: 30px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 25px;
  line-height: 1;
  z-index: 2;
  -webkit-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  cursor: pointer;
}
.tj-post__gallery .tj-post-gallery__nav .tj-gallery-button__next i,
.tj-post__gallery .tj-post-gallery__nav .tj-gallery-button__prev i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.tj-post__gallery .tj-post-gallery__nav .tj-gallery-button__next:hover,
.tj-post__gallery .tj-post-gallery__nav .tj-gallery-button__prev:hover {
  background-color: var(--tj-color-theme-primary);
}
.tj-post__gallery .tj-post-gallery__nav .tj-gallery-button__next:hover i,
.tj-post__gallery .tj-post-gallery__nav .tj-gallery-button__prev:hover i {
  color: var(--tj-color-common-white);
}
.tj-post__gallery .tj-post-gallery__nav .tj-gallery-button__next {
  left: auto;
  right: 30px;
}
@media (max-width: 575px) {
  .tj-post__gallery .tj-post-gallery__nav .tj-gallery-button__next,
  .tj-post__gallery .tj-post-gallery__nav .tj-gallery-button__prev {
    width: 50px;
    height: 50px;
    font-size: 20px;
    left: 15px;
  }
  .tj-post__gallery .tj-post-gallery__nav .tj-gallery-button__next {
    left: auto;
    right: 15px;
  }
}

.wp-block-quote,
blockquote {
  background: var(--tj-color-theme-primary);
  position: relative;
  padding: 30px 30px;
  margin: 0;
  z-index: 1;
  color: var(--tj-color-common-white);
  font-weight: var(--tj-fw-medium);
}
.wp-block-quote::before,
blockquote::before {
  content: "\f10d";
  font-family: "Font Awesome 6 Pro";
  background-size: contain;
  display: inline-block;
  font-size: 35px;
  color: var(--tj-color-common-white);
  width: 68px;
  height: 68px;
  line-height: 68px;
  border-radius: 50%;
  border: 1.5px solid var(--tj-color-common-white);
  background: var(--tj-color-heading-primary);
  text-align: center;
  margin-bottom: 20px;
  -webkit-box-shadow: 0px 0px 25px 0px rgba(50, 60, 69, 0.3);
          box-shadow: 0px 0px 25px 0px rgba(50, 60, 69, 0.3);
}
.wp-block-quote p:last-child,
blockquote p:last-child {
  margin: 0;
}
.wp-block-quote cite,
blockquote cite {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 20px;
  line-height: 1.2;
  color: var(--tj-color-common-white);
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-bold);
  position: relative;
  padding-left: 55px;
  margin-top: 20px;
}
.wp-block-quote cite::before,
blockquote cite::before {
  position: absolute;
  content: "";
  top: 11px;
  left: 0;
  width: 40px;
  height: 2px;
  background-color: var(--tj-color-common-white);
}
@media (max-width: 575px) {
  .wp-block-quote,
  blockquote {
    padding: 30px 20px;
  }
}

.tj-post-details_wrapper .tj-post__thumb {
  margin-bottom: 25px;
}
.tj-post-details_wrapper .tj-post__content .post-meta {
  margin-bottom: 30px;
}
.tj-post-details_wrapper .tj-post__content .post_title {
  margin-bottom: 30px;
  display: none;
}
.tj-post-details_wrapper .tj-entry__content p:last-child {
  margin: 0;
}
.tj-post-details_wrapper .tj-entry__content .wp-block-quote,
.tj-post-details_wrapper .tj-entry__content blockquote {
  margin: 30px auto;
}
@media (max-width: 575px) {
  .tj-post-details_wrapper .tj-post__thumb {
    margin-bottom: 20px;
  }
  .tj-post-details_wrapper .tj-post__content .post-meta {
    margin-bottom: 15px;
  }
  .tj-post-details_wrapper .tj-post__content .post_title {
    margin-bottom: 25px;
  }
}

.tj-post-details_tags_share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-top: 1px solid var(--tj-color-border-2);
  padding-top: 31px;
  padding-bottom: 30px;
}
.tj-post-details_tags_share .tagcloud {
  width: calc(100% - 281px);
}
.tj-post-details_tags_share .tagcloud .tag__title {
  display: inline-block;
  font-size: 20px;
  line-height: 1;
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-bold);
  color: var(--tj-color-heading-primary);
  margin: 0;
}
.tj-post-details_tags_share .tagcloud a {
  font-size: 16px !important;
}
.tj-post-details_tags_share .tj-socials_share {
  max-width: 261px;
  width: 100%;
  margin-top: 3px;
}
.tj-post-details_tags_share .tj-socials_share ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
}
.tj-post-details_tags_share .tj-socials_share ul li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.tj-post-details_tags_share .tj-socials_share ul li span {
  display: inline-block;
  font-size: 20px;
  line-height: 1;
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-bold);
  color: var(--tj-color-heading-primary);
  margin: 0;
}
.tj-post-details_tags_share .tj-socials_share 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: 35px;
  height: 35px;
  background-color: var(--tj-color-theme-secondary);
  border-radius: 50%;
  font-size: 15px;
  line-height: 1;
  color: var(--tj-color-common-white);
}
.tj-post-details_tags_share .tj-socials_share ul li a i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.tj-post-details_tags_share .tj-socials_share ul li a:hover {
  background-color: var(--tj-color-theme-primary);
}
.tj-post-details_tags_share .tj-socials_share ul li a:hover i {
  color: var(--tj-color-common-white);
}
.tj-post-details_tags_share.no-social-share .tagcloud {
  width: 100%;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-post-details_tags_share .tagcloud {
    width: 100%;
  }
}

.tj-post__navigation {
  padding-top: 31px;
  padding-bottom: 31px;
  border-top: 1px solid var(--tj-color-border-2);
  border-bottom: 1px solid var(--tj-color-border-2);
  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;
  gap: 20px;
}
.tj-post__navigation .tj-nav__post {
  max-width: 48%;
  width: 100%;
  min-height: 145px;
  overflow: hidden;
}
.tj-post__navigation .tj-nav__post.next {
  margin-left: auto;
}
.tj-post__navigation .tj-nav__post .tj-nav-post__inner {
  padding: 35px 25px;
  background-color: var(--tj-color-light-3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  height: 100%;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tj-post__navigation .tj-nav__post .tj-nav-post__inner .tj-nav-post__img {
  max-width: 85px;
  width: 100%;
  height: 85px;
}
.tj-post__navigation .tj-nav__post .tj-nav-post__inner .tj-nav-post__img a {
  display: inline-block;
}
.tj-post__navigation .tj-nav__post .tj-nav-post__inner .tj-nav-post__img a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.tj-post__navigation .tj-nav__post .tj-nav-post__inner .tj-nav-post__content {
  width: calc(100% - 105px);
}
.tj-post__navigation .tj-nav__post .tj-nav-post__inner .tj-nav-post__content .tj-nav-post__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  text-transform: uppercase;
  color: var(--tj-color-theme-primary);
  line-height: 1;
  gap: 10px;
}
.tj-post__navigation .tj-nav__post .tj-nav-post__inner .tj-nav-post__content .tj-nav-post__nav i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
  margin-top: -1px;
}
.tj-post__navigation .tj-nav__post .tj-nav-post__inner .tj-nav-post__content .tj-nav-post__title .title {
  font-size: 20px;
  line-height: 1.4;
  margin: 0;
}
.tj-post__navigation .tj-nav__post .tj-nav-post__inner .tj-nav-post__content .tj-nav-post__title .title a:hover {
  color: var(--tj-color-theme-primary);
}
.tj-post__navigation .tj-nav__post .tj-nav-post__inner.next_post {
  text-align: end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.tj-post__navigation .tj-nav__post .tj-nav-post__inner.next_post .tj-nav-post__content .tj-nav-post__nav {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tj-post__navigation .tj-nav__post {
    max-width: 370px;
  }
  .tj-post__navigation .tj-nav__post.next {
    margin-left: auto;
  }
}
@media (max-width: 575px) {
  .tj-post__navigation .tj-nav__post {
    max-width: 100%;
  }
}

.tj-comments__wrap {
  margin-bottom: 50px;
}
.tj-comments__wrap .comment__title {
  color: var(--tj-color-heading-primary);
  font-size: 30px;
  margin-bottom: 35px;
}
.tj-comments__wrap .tj-latest__comments ul {
  list-style: none;
}
.tj-comments__wrap .tj-latest__comments ul .tj-comment:not(:last-child) {
  margin-bottom: 30px;
}
.tj-comments__wrap .tj-latest__comments ul .tj-comment .children {
  margin-top: 30px;
  padding-left: 50px;
}
.tj-comments__wrap .tj-latest__comments .comment-respond {
  margin-bottom: 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) {
  .tj-comments__wrap .tj-latest__comments ul .tj-comment .children {
    padding-left: 30px;
  }
}

.tj-comment_wrap {
  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: start;
  gap: 15px;
}
.tj-comment_wrap .comment_avatar {
  max-width: 60px;
  width: 100%;
}
.tj-comment_wrap .comment_content {
  width: calc(100% - 75px);
}
.tj-comment_wrap .comment_content .comment_text_header {
  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;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 15px;
  margin-bottom: 20px;
}
.tj-comment_wrap .comment_content .comment_text_header .avatar_author .name {
  display: block;
  font-size: 18px;
  color: var(--tj-color-theme-primary);
  margin: 0;
}
.tj-comment_wrap .comment_content .comment_text_header .avatar_author .name a:hover {
  color: var(--tj-color-heading-primary);
}
.tj-comment_wrap .comment_content .comment_text_header .avatar_author .date {
  font-size: 14px;
  display: block;
  line-height: 1;
  margin-top: 10px;
}
.tj-comment_wrap .comment_content .comment_text_header .comment_reply .comment-reply-link {
  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);
  color: var(--tj-color-common-white);
  font-size: 16px;
  line-height: 1;
  font-weight: var(--tj-fw-medium);
  padding: 7px 15px;
}
.tj-comment_wrap .comment_content .comment_text_header .comment_reply .comment-reply-link:hover {
  background-color: var(--tj-color-theme-secondary);
  color: var(--tj-color-common-white);
}
.tj-comment_wrap .comment_content .comment_text p:last-child {
  margin: 0;
}

.comment-respond {
  padding: 40px;
  background-color: var(--tj-color-light-3);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .comment-respond {
    padding: 30px;
  }
}
@media (max-width: 575px) {
  .comment-respond {
    padding: 30px 20px;
  }
}
.comment-respond .comment-reply-title {
  color: var(--tj-color-theme-primary);
  font-size: 30px;
  margin-bottom: 15px;
}
.comment-respond .comment-notes {
  margin-bottom: 25px;
}
.comment-respond .form-input {
  line-height: 1;
}
.comment-respond .form-submit {
  margin: 0;
}
.comment-respond .form-submit button[type=submit] {
  font-size: 16px;
  padding: 19px 25px;
}
.comment-respond .form-submit input[type=submit] {
  font-size: 16px;
  padding: 19px 25px;
  background-color: var(--tj-color-theme-primary);
  border: none;
  color: var(--tj-color-common-white);
  line-height: 1;
  font-weight: 500;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.comment-respond .form-submit input[type=submit]:hover {
  background-color: var(--tj-color-theme-secondary);
  color: var(--tj-color-common-white);
}
.comment-respond input:not([type=submit]):not([type=radio]):not([type=checkbox]),
.comment-respond textarea {
  width: 100%;
  border: 1px solid var(--tj-color-border-2);
  padding: 15px 20px;
  font-size: 15px;
  line-height: 1;
  background-color: rgba(255, 255, 255, 0.6);
  margin-bottom: 20px;
  outline: none;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}
.comment-respond input:not([type=submit]):not([type=radio]):not([type=checkbox])::-webkit-input-placeholder, .comment-respond textarea::-webkit-input-placeholder {
  opacity: 0.5;
}
.comment-respond input:not([type=submit]):not([type=radio]):not([type=checkbox])::-moz-placeholder, .comment-respond textarea::-moz-placeholder {
  opacity: 0.5;
}
.comment-respond input:not([type=submit]):not([type=radio]):not([type=checkbox]):-ms-input-placeholder, .comment-respond textarea:-ms-input-placeholder {
  opacity: 0.5;
}
.comment-respond input:not([type=submit]):not([type=radio]):not([type=checkbox])::-ms-input-placeholder, .comment-respond textarea::-ms-input-placeholder {
  opacity: 0.5;
}
.comment-respond input:not([type=submit]):not([type=radio]):not([type=checkbox])::placeholder,
.comment-respond textarea::placeholder {
  opacity: 0.5;
}
.comment-respond input:not([type=submit]):not([type=radio]):not([type=checkbox]):focus,
.comment-respond textarea:focus {
  border-color: var(--tj-color-theme-primary);
}
.comment-respond textarea {
  min-height: 150px;
  line-height: 1.5;
}

.tj-entry__content input:not([type=submit]):not([type=radio]):not([type=checkbox]) {
  border-color: var(--tj-color-theme-secondary);
}
.tj-entry__content input:not([type=submit]):not([type=radio]):not([type=checkbox]):focus {
  border-color: var(--tj-color-theme-primary);
}
.tj-entry__content .wp-block-pullquote {
  color: var(--tj-color-common-white);
}
.tj-entry__content .wp-block-pullquote cite,
.tj-entry__content .wp-block-pullquote p {
  color: var(--tj-color-common-white);
}
.tj-entry__content .tagcloud a,
.tj-entry__content .wp-block-tag-cloud a {
  text-decoration: none;
  color: var(--tj-color-text-body);
}
.tj-entry__content .tagcloud a:hover,
.tj-entry__content .wp-block-tag-cloud a:hover {
  color: var(--tj-color-common-white);
}
.tj-entry__content .wp-block-button__link:hover {
  background-color: var(--tj-color-theme-primary);
}
.tj-entry__content .nice-select {
  border-color: var(--tj-color-border-2);
}
.tj-entry__content .wp-block-quote code,
.tj-entry__content .wp-block-quote a,
.tj-entry__content blockquote code,
.tj-entry__content blockquote a {
  color: var(--tj-color-common-white);
}

.tj-blog-grid-section {
  padding-top: 120px;
  padding-bottom: 90px;
  position: relative;
}
.tj-blog-grid-section .tj-sec-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 60px;
}
.tj-blog-grid-section .tj-sec-heading .sec-title {
  margin-bottom: 0;
}
.tj-blog-grid-section .tj-sec-heading .desc {
  max-width: 485px;
  width: 100%;
}
.tj-blog-grid-section .tj-sec-heading .desc p:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-blog-grid-section {
    padding-top: 80px;
    padding-bottom: 50px;
  }
  .tj-blog-grid-section .tj-sec-heading {
    margin-bottom: 40px;
  }
}

.details-item-two {
  margin-bottom: 30px;
}
.details-item-two .details-title .title {
  font-size: 50px;
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .details-item-two .details-title .title {
    font-size: 38px;
  }
}
@media (max-width: 575px) {
  .details-item-two .details-title .title {
    font-size: 28px;
  }
}
.details-item-two p {
  margin-bottom: 10px;
}
.details-item-two p:last-child {
  margin-bottom: 0;
}
.details-item-two .details-wrapper {
  margin-top: 30px;
}
.details-item-two .details-wrapper .wrapper-image {
  margin-bottom: 20px;
}
.details-item-two .details-wrapper .title {
  margin-bottom: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .details-item-two .details-wrapper .title {
    font-size: 26px;
  }
}

/* !END: Theme Blog CSS */
/**----------------------------------------
START: Theme Video CSS
----------------------------------------*/
.tj-video-section {
  padding-bottom: 120px;
  padding-top: 120px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-video-section {
    padding-bottom: 80px;
    padding-top: 80px;
  }
}
.tj-video-section::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 50%;
  width: 100%;
  background: var(--tj-color-theme-bg);
  z-index: 2;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-video-section .tj-video-area .video-image img {
    height: 200px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.tj-video-section .video-sec-shape {
  position: absolute;
  top: 0;
  right: 0;
}
.tj-video-section .video-sec-shape .video-shape3 {
  position: absolute;
  right: 50px;
  top: 215px;
  z-index: 5;
}
.tj-video-section .video-sec-shape .video-shape3 .shape-1 {
  position: absolute;
  top: -90px;
  left: -75px;
  max-width: 90px;
}
.tj-video-section .video-sec-shape .video-shape4 {
  position: absolute;
  right: 125px;
  top: 290px;
  z-index: 5;
}
.tj-video-section .video-sec-shape .video-shape4 .shape-1 {
  position: absolute;
  top: -90px;
  left: -75px;
  max-width: 70px;
}
.tj-video-section .video-sec-shape .video-shape5 {
  position: absolute;
  left: 0;
  top: 290px;
  z-index: 5;
}
.tj-video-section .video-sec-shape .video-shape5 .shape-1 {
  position: absolute;
  top: -90px;
  left: -75px;
  max-width: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-video-section .video-sec-shape {
    display: none;
  }
}
.tj-video-section .video-sec-shape2 {
  position: absolute;
  top: 0;
  left: 0;
}
.tj-video-section .video-sec-shape2 .video-shape5 {
  position: absolute;
  left: 170px;
  top: 275px;
  z-index: 5;
}
.tj-video-section .video-sec-shape2 .video-shape5 .shape-1 {
  position: absolute;
  top: -90px;
  left: -75px;
  max-width: 90px;
}
.tj-video-section .video-sec-shape2 .video-shape6 {
  position: absolute;
  left: 70px;
  top: 340px;
  z-index: 5;
}
.tj-video-section .video-sec-shape2 .video-shape6 .shape-1 {
  position: absolute;
  top: -90px;
  left: -75px;
  max-width: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-video-section .video-sec-shape2 {
    display: none;
  }
}

.popup-videos-button.circle {
  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;
  background-color: var(--tj-color-common-white);
  border-radius: 50%;
  padding: 20px;
  font-size: 25px;
  color: var(--tj-color-theme-secondary);
  line-height: 1;
  z-index: 1;
  -webkit-animation: pulse-animation 2s infinite;
          animation: pulse-animation 2s infinite;
}
.popup-videos-button.circle .video-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;
}
.popup-videos-button.circle .video-icon i,
.popup-videos-button.circle .video-icon svg {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.popup-videos-button.circle:hover, .popup-videos-button.circle:focus {
  color: var(--tj-color-theme-secondary);
}
@media (max-width: 575px) {
  .popup-videos-button.circle {
    width: 90px;
    height: 90px;
    font-size: 20px;
  }
}

.tj-video-area {
  position: relative;
  z-index: 1;
}
.tj-video-area .video-image {
  position: relative;
  z-index: 1;
}
.tj-video-area .video-image::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(10, 17, 39, 0.6)), color-stop(164.94%, rgba(255, 255, 255, 0)));
  background-image: linear-gradient(180deg, rgba(10, 17, 39, 0.6) 0%, rgba(255, 255, 255, 0) 164.94%);
  z-index: 2;
}
.tj-video-area .video-image img {
  width: 100%;
  min-height: 330px;
  -o-object-fit: cover;
     object-fit: cover;
}
.tj-video-area .video-box {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 3;
}

@-webkit-keyframes pulse-animation {
  0% {
    -webkit-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
            box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
  }
  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 pulse-animation {
  0% {
    -webkit-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
            box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
  }
}
/* !END: Theme Video CSS */
/**----------------------------------------
START: Theme Gallery CSS
----------------------------------------*/
.tj-gallery-section {
  background: var(--tj-color-theme-bg);
  position: relative;
  z-index: 1;
}
.tj-gallery-section .tj-sec-heading .sec-title {
  margin-bottom: 15px;
}
.tj-gallery-section .gallery-navigation .swiper-button-next,
.tj-gallery-section .gallery-navigation .swiper-button-prev {
  position: absolute;
  top: 60%;
  left: 50px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  color: var(--tj-color-common-white);
  font-size: 20px;
  font-weight: var(--tj-fw-elight);
  z-index: 1;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: 1px solid var(--tj-color-common-white);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  text-align: center;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-gallery-section .gallery-navigation .swiper-button-next,
  .tj-gallery-section .gallery-navigation .swiper-button-prev {
    left: 20px;
  }
}
.tj-gallery-section .gallery-navigation .swiper-button-next::before,
.tj-gallery-section .gallery-navigation .swiper-button-prev::before {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  content: "\f060";
  font-family: "Font Awesome 6 Pro";
}
.tj-gallery-section .gallery-navigation .swiper-button-next:hover,
.tj-gallery-section .gallery-navigation .swiper-button-prev:hover {
  left: 40px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-gallery-section .gallery-navigation .swiper-button-next:hover,
  .tj-gallery-section .gallery-navigation .swiper-button-prev:hover {
    left: 20px;
  }
}
.tj-gallery-section .gallery-navigation .swiper-button-next {
  right: 50px;
  left: auto;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-gallery-section .gallery-navigation .swiper-button-next {
    right: 20px;
  }
}
.tj-gallery-section .gallery-navigation .swiper-button-next::before {
  content: "\f061";
}
.tj-gallery-section .gallery-navigation .swiper-button-next:hover {
  right: 40px;
  left: auto;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-gallery-section .gallery-navigation .swiper-button-next:hover {
    right: 20px;
  }
}
.tj-gallery-section .gallery-navigation .swiper-button-prev:after,
.tj-gallery-section .gallery-navigation .swiper-button-next:after {
  display: none;
}

.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-arrow-right,
.mfp-arrow-left {
  opacity: 1;
}
.mfp-arrow-right::before,
.mfp-arrow-left::before {
  display: none;
}
.mfp-arrow-right::after,
.mfp-arrow-left::after {
  content: "\f061";
  font-family: "Font Awesome 6 Pro";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 20px;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
  color: var(--tj-color-common-white);
  font-size: 30px;
  font-weight: var(--tj-fw-elight);
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.mfp-arrow-right::after {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  right: 60px;
  left: auto;
}

.mfp-close {
  width: 45px;
  height: 45px;
  line-height: 45px;
  right: 0;
  top: 0;
  opacity: 1;
  font-size: 30px;
  font-weight: var(--tj-fw-elight);
  font-family: "Font Awesome 6 Pro";
}

.gallery-text {
  margin-bottom: 40px;
}
.gallery-text .gallery-contact {
  color: var(--tj-color-theme-secondary);
  font-size: 18px;
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-medium);
}
@media (max-width: 575px) {
  .gallery-text .gallery-contact {
    font-size: 15px;
  }
}
.gallery-text .gallery-contact a {
  color: var(--tj-color-theme-primary);
}

.widget_gallery {
  position: relative;
  z-index: 1;
}
.widget_gallery .tj-gallery-item {
  position: relative;
  z-index: 1;
  display: block;
}
.widget_gallery .tj-gallery-item::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(7.79%, var(--tj-color-theme-secondary)), color-stop(129.47%, rgba(50, 60, 69, 0)));
  background-image: linear-gradient(180deg, var(--tj-color-theme-secondary) 7.79%, rgba(50, 60, 69, 0) 129.47%);
  opacity: 0;
  -webkit-transition: opacity 0.8s;
  transition: opacity 0.8s;
}
.widget_gallery .tj-gallery-item .image-box {
  width: 100%;
  height: 265px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  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;
}
.widget_gallery .tj-gallery-item .gallery-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: 40px;
  height: 40px;
  line-height: 1;
  border-radius: 50%;
  text-align: center;
  border: 1px solid var(--tj-color-common-white);
  color: var(--tj-color-common-white);
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.widget_gallery .tj-gallery-item .gallery-icon i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.widget_gallery .tj-gallery-item:hover::before {
  opacity: 1;
}
.widget_gallery .tj-gallery-item:hover .gallery-icon {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.tj-subscribe-section {
  background: var(--tj-color-theme-bg);
  padding-top: 120px;
  padding-bottom: 60px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-subscribe-section {
    padding-top: 80px;
  }
}
.tj-subscribe-section .subscribe-bg-shape .shape-1 {
  position: absolute;
  z-index: 2;
  right: 20%;
  bottom: 0;
}
.tj-subscribe-section .subscribe-bg-shape .shape-two {
  position: absolute;
  right: 8%;
  top: 215px;
  z-index: 5;
}
.tj-subscribe-section .subscribe-bg-shape .shape-two .shape-1 {
  position: absolute;
  top: -10px;
  left: -45px;
  max-width: 90px;
}
.tj-subscribe-section .subscribe-bg-shape .shape-three {
  position: absolute;
  right: 14%;
  top: 260px;
  z-index: 5;
}
.tj-subscribe-section .subscribe-bg-shape .shape-three .shape-1 {
  position: absolute;
  top: -10px;
  left: -35px;
  max-width: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tj-subscribe-section .subscribe-bg-shape .shape-two {
    right: 3%;
  }
  .tj-subscribe-section .subscribe-bg-shape .shape-three {
    right: 8.5%;
  }
  .tj-subscribe-section .subscribe-bg-shape .shape-1 {
    right: 13%;
  }
}
@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-subscribe-section .subscribe-bg-shape {
    display: none;
  }
}

/* !END: Theme Gallery CSS */
/**----------------------------------------
START: Theme Form CSS
----------------------------------------*/
.form-box-one {
  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: 24px;
}
.form-box-one .input-form {
  max-width: 312px;
  width: 100%;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .form-box-one .input-form {
    max-width: 100%;
  }
}
.form-box-one .input-form input[type=email],
.form-box-one .input-form input[type=text] {
  border: 1px solid var(--tj-color-border-2);
  padding: 13px 20px;
}
.form-box-one .input-form input[type=email]::-ms-input-placeholder,
.form-box-one .input-form input[type=text]::-ms-input-placeholder {
  color: var(--tj-color-grey-1);
}
.form-box-one .input-form input[type=email]::-webkit-input-placeholder, .form-box-one .input-form input[type=text]::-webkit-input-placeholder {
  color: var(--tj-color-grey-1);
}
.form-box-one .input-form input[type=email]::-moz-placeholder, .form-box-one .input-form input[type=text]::-moz-placeholder {
  color: var(--tj-color-grey-1);
}
.form-box-one .input-form input[type=email]:-ms-input-placeholder, .form-box-one .input-form input[type=text]:-ms-input-placeholder {
  color: var(--tj-color-grey-1);
}
.form-box-one .input-form input[type=email]::-ms-input-placeholder, .form-box-one .input-form input[type=text]::-ms-input-placeholder {
  color: var(--tj-color-grey-1);
}
.form-box-one .input-form input[type=email]::placeholder,
.form-box-one .input-form input[type=text]::placeholder {
  color: var(--tj-color-grey-1);
}
.form-box-one .subscribe-button .tj-primary-btn {
  padding: 13px 20px 13px 30px;
}

.form-box-two {
  position: relative;
  z-index: 1;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  padding: 40px;
  max-width: 425px;
  width: 100%;
  margin-left: auto;
}
.form-box-two .contact-content {
  margin-bottom: 30px;
}
.form-box-two .contact-content .title {
  color: var(--tj-color-common-white);
  font-size: 35px;
  margin: 0;
}
.form-box-two .contact-content .title span {
  color: var(--tj-color-theme-primary);
  font-weight: var(--tj-fw-light);
}
.form-box-two .contact-content .desc {
  margin-top: 10px;
  color: var(--tj-color-common-white);
}
.form-box-two .input-form {
  width: 100%;
  position: relative;
  z-index: 1;
  margin-bottom: 20px;
}
.form-box-two .input-form textarea,
.form-box-two .input-form input[type=tel],
.form-box-two .input-form input[type=email],
.form-box-two .input-form input[type=url],
.form-box-two .input-form input[type=text] {
  width: 100%;
  border: 1px solid var(--tj-color-border-2);
  padding: 12px 20px 12px 50px;
  width: 100%;
  background: transparent;
  color: var(--tj-color-common-white);
  border-radius: 5px;
}
.form-box-two .input-form textarea::-webkit-input-placeholder, .form-box-two .input-form input[type=tel]::-webkit-input-placeholder, .form-box-two .input-form input[type=email]::-webkit-input-placeholder, .form-box-two .input-form input[type=url]::-webkit-input-placeholder, .form-box-two .input-form input[type=text]::-webkit-input-placeholder {
  color: var(--tj-color-grey-3);
}
.form-box-two .input-form textarea::-moz-placeholder, .form-box-two .input-form input[type=tel]::-moz-placeholder, .form-box-two .input-form input[type=email]::-moz-placeholder, .form-box-two .input-form input[type=url]::-moz-placeholder, .form-box-two .input-form input[type=text]::-moz-placeholder {
  color: var(--tj-color-grey-3);
}
.form-box-two .input-form textarea:-ms-input-placeholder, .form-box-two .input-form input[type=tel]:-ms-input-placeholder, .form-box-two .input-form input[type=email]:-ms-input-placeholder, .form-box-two .input-form input[type=url]:-ms-input-placeholder, .form-box-two .input-form input[type=text]:-ms-input-placeholder {
  color: var(--tj-color-grey-3);
}
.form-box-two .input-form textarea::-ms-input-placeholder, .form-box-two .input-form input[type=tel]::-ms-input-placeholder, .form-box-two .input-form input[type=email]::-ms-input-placeholder, .form-box-two .input-form input[type=url]::-ms-input-placeholder, .form-box-two .input-form input[type=text]::-ms-input-placeholder {
  color: var(--tj-color-grey-3);
}
.form-box-two .input-form textarea::placeholder,
.form-box-two .input-form input[type=tel]::placeholder,
.form-box-two .input-form input[type=email]::placeholder,
.form-box-two .input-form input[type=url]::placeholder,
.form-box-two .input-form input[type=text]::placeholder {
  color: var(--tj-color-grey-3);
}
.form-box-two .input-form textarea:focus,
.form-box-two .input-form input[type=tel]:focus,
.form-box-two .input-form input[type=email]:focus,
.form-box-two .input-form input[type=url]:focus,
.form-box-two .input-form input[type=text]:focus {
  border-color: var(--tj-color-theme-primary);
}
.form-box-two .input-form textarea {
  height: 90px;
  line-height: 1.6;
}
.form-box-two .input-form i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 20px;
  line-height: 1.2;
  color: var(--tj-color-grey-3);
  position: absolute;
  top: 13px;
  left: 20px;
}
.form-box-two .submit-button button[type=submit],
.form-box-two .submit-button input[type=submit] {
  width: 100%;
  border-radius: 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) {
  .form-box-two {
    max-width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .form-box-two {
    padding: 25px 20px;
  }
  .form-box-two .contact-content .title {
    font-size: 26px;
  }
}

.form-box-three {
  border-radius: 20px;
  background-color: var(--tj-color-common-white);
  padding: 40px;
  width: 100%;
}
.form-box-three .contact-content {
  margin-bottom: 20px;
}
.form-box-three .contact-content .title {
  margin: 0;
}
.form-box-three .contact-content .title span {
  color: var(--tj-color-theme-primary);
  font-weight: var(--tj-fw-light);
}
.form-box-three .contact-content .desc {
  display: block;
  margin-top: 10px;
}
.form-box-three .input-form {
  position: relative;
  z-index: 1;
  width: 100%;
  margin-bottom: 20px;
}
.form-box-three .input-form textarea,
.form-box-three .input-form input[type=tel],
.form-box-three .input-form input[type=email],
.form-box-three .input-form input[type=url],
.form-box-three .input-form input[type=text] {
  border: 1px solid var(--tj-color-grey-3);
  padding: 14px 15px;
  width: 100%;
  background: transparent;
  color: var(--tj-color-heading-primary);
  border-radius: 10px;
  line-height: 1;
}
.form-box-three .input-form textarea::-webkit-input-placeholder, .form-box-three .input-form input[type=tel]::-webkit-input-placeholder, .form-box-three .input-form input[type=email]::-webkit-input-placeholder, .form-box-three .input-form input[type=url]::-webkit-input-placeholder, .form-box-three .input-form input[type=text]::-webkit-input-placeholder {
  color: var(--tj-color-grey-1);
}
.form-box-three .input-form textarea::-moz-placeholder, .form-box-three .input-form input[type=tel]::-moz-placeholder, .form-box-three .input-form input[type=email]::-moz-placeholder, .form-box-three .input-form input[type=url]::-moz-placeholder, .form-box-three .input-form input[type=text]::-moz-placeholder {
  color: var(--tj-color-grey-1);
}
.form-box-three .input-form textarea:-ms-input-placeholder, .form-box-three .input-form input[type=tel]:-ms-input-placeholder, .form-box-three .input-form input[type=email]:-ms-input-placeholder, .form-box-three .input-form input[type=url]:-ms-input-placeholder, .form-box-three .input-form input[type=text]:-ms-input-placeholder {
  color: var(--tj-color-grey-1);
}
.form-box-three .input-form textarea::-ms-input-placeholder, .form-box-three .input-form input[type=tel]::-ms-input-placeholder, .form-box-three .input-form input[type=email]::-ms-input-placeholder, .form-box-three .input-form input[type=url]::-ms-input-placeholder, .form-box-three .input-form input[type=text]::-ms-input-placeholder {
  color: var(--tj-color-grey-1);
}
.form-box-three .input-form textarea::placeholder,
.form-box-three .input-form input[type=tel]::placeholder,
.form-box-three .input-form input[type=email]::placeholder,
.form-box-three .input-form input[type=url]::placeholder,
.form-box-three .input-form input[type=text]::placeholder {
  color: var(--tj-color-grey-1);
}
.form-box-three .input-form textarea:focus,
.form-box-three .input-form input[type=tel]:focus,
.form-box-three .input-form input[type=email]:focus,
.form-box-three .input-form input[type=url]:focus,
.form-box-three .input-form input[type=text]:focus {
  border-color: var(--tj-color-theme-primary);
}
.form-box-three .input-form textarea {
  height: 125px;
  padding: 14px 15px;
}
.form-box-three .input-form i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 20px;
  line-height: 1;
  position: absolute;
  top: 49px;
  left: 15px;
  color: var(--tj-color-theme-primary);
}
.form-box-three label {
  display: block;
  color: var(--tj-color-theme-secondary);
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-medium);
  margin-bottom: 5px;
}
.form-box-three button[type=submit],
.form-box-three input[type=submit] {
  border-radius: 8px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .form-box-three {
    padding: 30px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .form-box-three {
    padding: 25px 15px;
    border-radius: 15px;
  }
}

/* !END: Theme Form CSS */
/**----------------------------------------
START: Theme Choose CSS
----------------------------------------*/
.tj-choose-us-item {
  background-color: var(--tj-color-common-white);
  margin-bottom: 30px;
  padding: 30px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tj-choose-us-item {
    padding: 30px 20px;
  }
}
@media (max-width: 575px) {
  .tj-choose-us-item {
    padding: 20px 15px;
  }
}
.tj-choose-us-item .choose-us-top-content {
  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;
  margin-bottom: 25px;
}
.tj-choose-us-item .choose-us-top-content .choose-us-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 60px;
  line-height: 1;
  color: var(--tj-color-heading-primary);
}
.tj-choose-us-item .choose-us-top-content .choose-us-icon i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.tj-choose-us-item .choose-us-top-content .choose-us-text span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 50px;
  line-height: 1;
  font-weight: var(--tj-fw-bold);
  color: var(--tj-color-heading-primary);
  -webkit-text-stroke: 1px var(--tj-color-heading-primary);
  -webkit-text-fill-color: transparent;
  opacity: 0.2;
}
.tj-choose-us-item .title {
  margin: 0;
}
.tj-choose-us-item .desc {
  margin-top: 15px;
}
.tj-choose-us-item .desc p:last-child {
  margin: 0;
}
.tj-choose-us-item .read-more {
  margin-top: 20px;
}
.tj-choose-us-item:hover {
  -webkit-box-shadow: 0 15px 30px 0px rgba(50, 60, 69, 0.05);
          box-shadow: 0 15px 30px 0px rgba(50, 60, 69, 0.05);
}
.tj-choose-us-item:hover .choose-us-icon {
  color: var(--tj-color-theme-primary);
}
.tj-choose-us-item:hover .choose-us-icon i,
.tj-choose-us-item:hover .choose-us-icon svg,
.tj-choose-us-item:hover .choose-us-icon img {
  -webkit-animation: swing 1s ease-in-out;
          animation: swing 1s ease-in-out;
}
.tj-choose-us-item:hover .title {
  color: var(--tj-color-theme-primary);
}
.tj-choose-us-item:hover .read-more {
  color: var(--tj-color-theme-primary);
}
.tj-choose-us-item:hover .read-more i {
  color: var(--tj-color-theme-primary);
}

.tj-choose-us-item-two {
  margin-bottom: 30px;
  padding: 30px;
  border: 1px solid var(--tj-color-grey-3);
  border-radius: 15px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tj-choose-us-item-two {
    padding: 30px 20px;
  }
}
@media (max-width: 575px) {
  .tj-choose-us-item-two {
    padding: 20px 15px;
  }
}
.tj-choose-us-item-two .choose-us-top-content {
  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;
  margin-bottom: 20px;
}
.tj-choose-us-item-two .choose-us-top-content .choose-us-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 60px;
  color: var(--tj-color-heading-primary);
  line-height: 1;
}
.tj-choose-us-item-two .choose-us-top-content .choose-us-icon svg,
.tj-choose-us-item-two .choose-us-top-content .choose-us-icon img {
  max-width: 55px;
}
.tj-choose-us-item-two .choose-us-top-content .choose-us-icon i,
.tj-choose-us-item-two .choose-us-top-content .choose-us-icon img,
.tj-choose-us-item-two .choose-us-top-content .choose-us-icon svg {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.tj-choose-us-item-two .choose-us-top-content .choose-us-text span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 50px;
  line-height: 1;
  font-weight: var(--tj-fw-bold);
  color: var(--tj-color-heading-primary);
  -webkit-text-stroke: 1px var(--tj-color-heading-primary);
  -webkit-text-fill-color: transparent;
  opacity: 0.2;
}
.tj-choose-us-item-two .title {
  margin: 0;
}
.tj-choose-us-item-two .desc {
  margin-top: 15px;
}
.tj-choose-us-item-two .desc p:last-child {
  margin: 0;
}
.tj-choose-us-item-two .read-btn {
  margin-top: 20px;
}
.tj-choose-us-item-two:hover {
  border-color: var(--tj-color-theme-primary);
}
.tj-choose-us-item-two:hover .choose-us-top-content .choose-us-icon i,
.tj-choose-us-item-two:hover .choose-us-top-content .choose-us-icon svg,
.tj-choose-us-item-two:hover .choose-us-top-content .choose-us-icon img {
  -webkit-animation: bounceIn 1s forwards;
          animation: bounceIn 1s forwards;
}

/* !END: Theme Choose CSS */
/**----------------------------------------
START: Theme Work CSS
----------------------------------------*/
.working_process {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 316px 1fr 316px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
  row-gap: 60px;
}
.working_process .tj-work-item:nth-child(1) {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-left: auto;
  text-align: right;
}
.working_process .tj-work-item:nth-child(2) {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.working_process .tj-work-item:nth-child(3) {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  margin-left: auto;
  text-align: right;
}
.working_process .tj-work-item:nth-child(4) {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}
.working_process .process_img {
  text-align: center;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  grid-column: 2/3;
  grid-row: 1/3;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .working_process {
    grid-template-columns: 316px 316px;
    row-gap: 50px;
  }
  .working_process .process_img {
    grid-column: 1/3;
    grid-row: 2/3;
    text-align: center;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .working_process {
    grid-template-columns: 100%;
    row-gap: 40px;
  }
  .working_process .process_img {
    grid-column: 1/2;
    grid-row: 3/5;
    text-align: center;
  }
  .working_process .tj-work-item {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  .working_process .tj-work-item:nth-child(1) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .working_process .tj-work-item:nth-child(3) {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}

.tj-work-item {
  max-width: 316px;
  width: 100%;
  display: inline-block;
}
.tj-work-item .work-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: 90px;
  height: 90px;
  border: 1px solid var(--tj-color-theme-primary);
  border-radius: 50%;
  font-size: 40px;
  line-height: 1;
  background-color: var(--tj-color-light-3);
  color: var(--tj-color-heading-primary);
  margin-bottom: 20px;
}
.tj-work-item .work-icon svg,
.tj-work-item .work-icon img {
  max-width: 40px;
}
.tj-work-item .work-icon i,
.tj-work-item .work-icon img,
.tj-work-item .work-icon svg {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-work-item .work-icon {
    width: 70px;
    height: 70px;
    font-size: 30px;
  }
}
.tj-work-item .title {
  margin: 0;
}
.tj-work-item .title a {
  color: inherit;
}
.tj-work-item .title a:hover {
  color: var(--tj-color-theme-primary);
}
.tj-work-item .desc {
  margin-top: 15px;
}
.tj-work-item .desc p:last-child {
  margin: 0;
}
.tj-work-item:hover .work-icon img,
.tj-work-item:hover .work-icon i,
.tj-work-item:hover .work-icon svg {
  -webkit-animation: swing 1s ease-in-out;
          animation: swing 1s ease-in-out;
}
@media (max-width: 575px) {
  .tj-work-item .work-icon {
    margin-bottom: 15px;
  }
}

/* !END: Theme Work CSS */
/**----------------------------------------
START: Theme Price CSS
----------------------------------------*/
.price-top-content {
  margin-bottom: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .price-top-content {
    margin-bottom: 40px;
    display: block;
  }
}

.tj-price-item {
  border: 1px solid var(--tj-color-border-3);
  background: var(--tj-color-common-white);
  padding: 36px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-price-item {
    padding: 30px 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-price-item {
    padding: 25px 20px;
  }
}
.tj-price-item .save {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background: var(--tj-color-theme-primary);
  color: var(--tj-color-common-white);
  font-size: 14px;
  line-height: 1;
  padding: 11px 14px;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 2;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-price-item .save {
    top: 15px;
    right: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-price-item .save {
    top: 10px;
    right: 10px;
  }
}
.tj-price-item .title {
  padding-right: 80px;
  margin: 0;
}
.tj-price-item .desc {
  margin-top: 15px;
  margin-bottom: 15px;
}
.tj-price-item .desc p:last-child {
  margin: 0;
}
.tj-price-item .price-percent {
  margin-bottom: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  font-size: 50px;
  line-height: 1;
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-bold);
  color: var(--tj-color-theme-secondary);
}
.tj-price-item .price-percent .period {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 16px;
  line-height: 1.2;
  font-weight: var(--tj-fw-regular);
  color: var(--tj-color-text-body);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-price-item .price-percent {
    font-size: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-price-item .price-percent {
    font-size: 35px;
  }
}
.tj-price-item .price-button {
  width: 100%;
  border-width: 1px;
  background-color: var(--tj-color-light-2);
  color: var(--tj-color-heading-primary);
  border-radius: 12px;
  margin-bottom: 30px;
}
.tj-price-item .price-button i {
  color: var(--tj-color-heading-primary);
}
.tj-price-item .price-button::before {
  width: 510%;
}
.tj-price-item .price-button:hover {
  color: var(--tj-color-common-white);
}
.tj-price-item .price-button:hover i {
  color: var(--tj-color-common-white);
}
.tj-price-item .price-button:hover::before {
  height: 680%;
}
.tj-price-item .price-list ul {
  list-style: none;
}
.tj-price-item .price-list ul li {
  font-size: 17px;
  font-weight: var(--tj-fw-medium);
  color: var(--tj-color-theme-secondary);
  position: relative;
  z-index: 1;
  padding-left: 35px;
}
.tj-price-item .price-list ul li:not(:last-child) {
  margin-bottom: 15px;
}
.tj-price-item .price-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;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  line-height: 1;
  color: var(--tj-color-common-white);
  background-color: var(--tj-color-theme-primary);
  position: absolute;
  left: 0;
  top: 2px;
  z-index: 1;
  font-size: 12px;
}
.tj-price-item .price-list ul li.hide {
  color: var(--tj-color-text-body);
}
.tj-price-item .price-list ul li.hide i {
  background-color: var(--tj-color-grey-3);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-price-item .price-list ul li {
    font-size: 16px;
    padding-left: 40px;
  }
}
.tj-price-item.recommended .price-button {
  background-color: var(--tj-color-theme-primary);
  color: var(--tj-color-common-white);
}
.tj-price-item.recommended .price-button i {
  color: var(--tj-color-common-white);
}

.price-switcher {
  border-radius: 10px;
  border: 1px solid var(--tj-color-theme-primary);
  background: var(--tj-color-light-2);
  padding: 10px 11px;
  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;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .price-switcher {
    max-width: 250px;
    gap: 10px;
  }
}
.price-switcher span {
  cursor: pointer;
}
.price-switcher .switcher-btn {
  color: var(--tj-color-theme-secondary);
  background: transparent;
  font-size: 17px;
  font-weight: var(--tj-fw-medium);
  border-radius: 4px;
  padding: 9px 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) {
  .price-switcher .switcher-btn {
    padding: 9px 10px;
    font-size: 16px;
  }
}
.price-switcher .switcher-btn.active {
  color: var(--tj-color-common-white);
  background: var(--tj-color-theme-primary);
}

/* !END: Theme Price CSS */
/**----------------------------------------
START: Theme Value CSS
----------------------------------------*/
.tj-value-item {
  background-color: var(--tj-color-common-white);
  position: relative;
  z-index: 1;
  padding: 40px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tj-value-item {
    padding: 30px;
  }
}
@media (max-width: 575px) {
  .tj-value-item {
    padding: 30px 20px;
  }
}
.tj-value-item .value-top-content {
  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;
  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) {
  .tj-value-item .value-top-content {
    margin-bottom: 15px;
  }
}
.tj-value-item .value-top-content .value-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 50px;
  color: var(--tj-color-heading-primary);
  line-height: 1;
}
.tj-value-item .value-top-content .value-icon svg,
.tj-value-item .value-top-content .value-icon img {
  max-width: 45px;
}
.tj-value-item .value-top-content .value-icon i,
.tj-value-item .value-top-content .value-icon svg,
.tj-value-item .value-top-content .value-icon img {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.tj-value-item .value-top-content .value-number .number {
  font-size: 50px;
  line-height: 1;
  font-weight: var(--tj-fw-bold);
  color: var(--tj-color-heading-primary);
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px var(--tj-color-heading-primary);
  opacity: 0.2;
}
.tj-value-item .title {
  margin: 0;
}
.tj-value-item .desc {
  margin-top: 20px;
}
.tj-value-item .desc p:last-child {
  margin: 0;
}
.tj-value-item:hover {
  -webkit-box-shadow: 0 15px 30px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0 15px 30px 0px rgba(0, 0, 0, 0.05);
}
.tj-value-item:hover .value-top-content .value-icon i,
.tj-value-item:hover .value-top-content .value-icon svg,
.tj-value-item:hover .value-top-content .value-icon img {
  -webkit-animation: swing 1s ease-in-out;
          animation: swing 1s ease-in-out;
}

/* !END: Theme Value CSS */
/**----------------------------------------
START: Theme Project CSS
----------------------------------------*/
.tj-project-page {
  padding-top: 120px;
  padding-bottom: 90px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-project-page {
    padding-top: 100px;
    padding-bottom: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-project-page {
    padding-top: 80px;
    padding-bottom: 50px;
  }
}

.tj-project-item {
  margin-bottom: 30px;
  -webkit-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}
.tj-project-item .project-image {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.tj-project-item .project-image img {
  width: 100%;
  min-height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: -webkit-transform 0.8s;
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
}
.tj-project-item .project-image::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(19, 19, 19, 0)), to(#131313));
  background-image: linear-gradient(180deg, rgba(19, 19, 19, 0) 0%, #131313 100%);
  mix-blend-mode: hard-light;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  z-index: 2;
}
.tj-project-item .project-image .project-content {
  background-color: transparent;
  position: absolute;
  max-width: 400px;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 2;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  padding: 30px 30px;
}
.tj-project-item .project-image .project-content .title {
  font-size: 30px;
  color: var(--tj-color-common-white);
  margin: 0;
}
.tj-project-item .project-image .project-content .title a:hover {
  color: var(--tj-color-theme-primary);
}
.tj-project-item .project-image .project-content .category,
.tj-project-item .project-image .project-content .sub-title {
  display: inline-block;
  font-size: 16px;
  line-height: 1;
  margin-top: 10px;
  color: var(--tj-color-common-white);
  font-weight: var(--tj-fw-regular);
}
.tj-project-item .project-image .project-content .category:hover,
.tj-project-item .project-image .project-content .sub-title:hover {
  color: var(--tj-color-common-white);
}
@media (max-width: 575px) {
  .tj-project-item .project-image .project-content {
    padding: 25px 30px;
  }
  .tj-project-item .project-image .project-content .title {
    font-size: 25px;
  }
}
.tj-project-item:hover .project-image img {
  -webkit-transform: scale(1.12);
      -ms-transform: scale(1.12);
          transform: scale(1.12);
}

.tj-project-item-two {
  position: relative;
  z-index: 1;
  overflow: hidden;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}
.tj-project-item-two::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(19, 19, 19, 0)), to(#131313));
  background-image: linear-gradient(180deg, rgba(19, 19, 19, 0) 0%, #131313 100%);
  mix-blend-mode: hard-light;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
}
.tj-project-item-two .project-images img {
  width: 100%;
  min-height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: -webkit-transform 0.8s;
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
}
.tj-project-item-two .project-content {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  z-index: 2;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  padding: 20px 30px;
}
.tj-project-item-two .project-content .title {
  margin: 0;
  color: var(--tj-color-common-white);
}
.tj-project-item-two .project-content .title a:hover {
  color: var(--tj-color-theme-primary);
}
.tj-project-item-two .project-content .category,
.tj-project-item-two .project-content .sub-title {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: var(--tj-color-common-white);
  font-size: 16px;
  line-height: 1;
  font-weight: var(--tj-fw-regular);
  margin-top: 10px;
}
.tj-project-item-two .project-content .category:hover,
.tj-project-item-two .project-content .sub-title:hover {
  color: var(--tj-color-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tj-project-item-two .project-content {
    padding: 30px 20px;
  }
}
@media (max-width: 575px) {
  .tj-project-item-two .project-content {
    padding: 25px 20px;
  }
  .tj-project-item-two .project-content .category,
  .tj-project-item-two .project-content .sub-title {
    font-size: 16px;
  }
}
.tj-project-item-two:hover::before {
  opacity: 1;
  visibility: visible;
}
.tj-project-item-two:hover .project-images img {
  -webkit-transform: scale(1.12);
      -ms-transform: scale(1.12);
          transform: scale(1.12);
}
.tj-project-item-two:hover .project-content {
  -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
          transform: translateY(0%);
}

.project_masonry_wrap .tj-project-item {
  margin: 0;
  float: left;
  display: block;
}
.project_masonry_wrap .tj-project-item .project-image {
  width: 100%;
  height: 100%;
}
.project_masonry_wrap .tj-project-item .project-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* !END: Theme Project CSS */
/**----------------------------------------
START: Theme Project CSS
----------------------------------------*/
.tj-project-details {
  padding-top: 120px;
  padding-bottom: 120px;
}
@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-details {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.tj-image-slider .slider-image img {
  width: 100%;
  min-height: 350px;
  -o-object-fit: cover;
     object-fit: cover;
}
.tj-image-slider .image_slider_navigation .image-slider-next,
.tj-image-slider .image_slider_navigation .image-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: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: var(--tj-color-theme-primary);
  color: var(--tj-color-common-white);
  font-size: 30px;
  line-height: 1;
  position: absolute;
  left: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.tj-image-slider .image_slider_navigation .image-slider-next i,
.tj-image-slider .image_slider_navigation .image-slider-prev i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media (max-width: 575px) {
  .tj-image-slider .image_slider_navigation .image-slider-next,
  .tj-image-slider .image_slider_navigation .image-slider-prev {
    width: 45px;
    height: 45px;
    font-size: 25px;
    left: 15px;
  }
}
.tj-image-slider .image_slider_navigation .image-slider-next:hover,
.tj-image-slider .image_slider_navigation .image-slider-prev:hover {
  color: var(--tj-color-common-white);
}
.tj-image-slider .image_slider_navigation .image-slider-next {
  left: auto;
  right: 30px;
}
.tj-image-slider .image_slider_navigation .image-slider-next i {
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}
@media (max-width: 575px) {
  .tj-image-slider .image_slider_navigation .image-slider-next {
    left: auto;
    right: 15px;
  }
}

.project_infos ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 90px;
     -moz-column-gap: 90px;
          column-gap: 90px;
  row-gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .project_infos ul {
    -webkit-column-gap: 50px;
       -moz-column-gap: 50px;
            column-gap: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .project_infos ul {
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
  }
}
.project_infos ul li {
  font-weight: var(--tj-fw-bold);
  border-left: 2px solid var(--tj-color-theme-primary);
  padding-left: 15px;
}
.project_infos ul li span {
  font-size: 14px;
  font-weight: var(--tj-fw-regular);
  margin-bottom: 5px;
}

.feature_testimonial {
  background-color: var(--tj-color-theme-primary);
  padding: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .feature_testimonial {
    padding: 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) {
  .feature_testimonial {
    padding: 30px 20px;
  }
}
@media (max-width: 575px) {
  .feature_testimonial {
    padding: 20px;
  }
}
.feature_testimonial .desc {
  color: var(--tj-color-common-white);
  font-size: 16px;
  margin-bottom: 20px;
}
.feature_testimonial .testi_author {
  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;
  margin-bottom: 20px;
  gap: 15px;
}
.feature_testimonial .testi_author .author_image {
  width: 95px;
  height: 95px;
  border-radius: 50%;
  border: 1px solid var(--tj-color-common-white);
  padding: 7px;
}
.feature_testimonial .testi_author .author_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
@media (max-width: 575px) {
  .feature_testimonial .testi_author .author_image {
    width: 70px;
    height: 70px;
  }
}
.feature_testimonial .testi_author .author_text {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.feature_testimonial .testi_author .author_text .name {
  color: var(--tj-color-common-white);
  margin: 0;
}
.feature_testimonial .testi_author .author_text .name span {
  font-weight: var(--tj-fw-light);
}
.feature_testimonial .testi_author .author_text .designation {
  display: block;
  color: var(--tj-color-common-white);
  font-size: 18px;
  line-height: 1.3;
  position: relative;
  z-index: 1;
  padding-left: 40px;
  margin-top: 7px;
}
.feature_testimonial .testi_author .author_text .designation::before {
  position: absolute;
  content: "";
  top: 10px;
  left: 0;
  width: 27px;
  height: 1px;
  background-color: var(--tj-color-common-white);
}
@media (max-width: 575px) {
  .feature_testimonial .testi_author .author_text .name {
    font-size: 20px;
  }
  .feature_testimonial .testi_author .author_text .designation {
    font-size: 16px;
    padding-left: 30px;
  }
  .feature_testimonial .testi_author .author_text .designation::before {
    width: 20px;
  }
}
.feature_testimonial .testi_author .testi_quote {
  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%;
  border: 1px solid var(--tj-color-common-white);
  background-color: var(--tj-color-theme-primary);
  -webkit-box-shadow: 0px 0px 25px 0px rgba(50, 60, 69, 0.3);
          box-shadow: 0px 0px 25px 0px rgba(50, 60, 69, 0.3);
  font-size: 35px;
  line-height: 1;
  color: var(--tj-color-common-white);
}
.feature_testimonial .testi_author .testi_quote i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
@media (max-width: 575px) {
  .feature_testimonial .testi_author .testi_quote {
    width: 60px;
    height: 60px;
  }
}
.feature_testimonial .star-ratings {
  unicode-bidi: bidi-override;
  color: var(--tj-color-light-8);
  font-size: 20px;
  line-height: 1;
  letter-spacing: 5px;
  position: relative;
  margin: 0;
  padding: 0;
  -webkit-text-stroke: 1px var(--tj-color-light-8);
}
.feature_testimonial .star-ratings .fill-ratings {
  color: var(--tj-theme-7);
  padding: 0;
  position: absolute;
  z-index: 1;
  display: block;
  top: 0;
  left: 0;
  overflow: hidden;
}
.feature_testimonial .star-ratings .fill-ratings span {
  display: inline-block;
}
.feature_testimonial .star-ratings .empty-ratings {
  padding: 0;
  display: block;
  z-index: 0;
  color: transparent;
}

.tj_share {
  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-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
  row-gap: 20px;
}
.tj_share .share_title {
  margin: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.tj_share .socials {
  padding: 0;
  margin: 0;
  list-style: none;
  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;
  gap: 25px;
}
.tj_share .socials li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.tj_share .socials li a,
.tj_share .socials li .link {
  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: 35px;
  height: 35px;
  border-radius: 50%;
  font-size: 16px;
  line-height: 1;
  background-color: var(--tj-color-theme-secondary);
  color: var(--tj-color-common-white);
}
.tj_share .socials li a i,
.tj_share .socials li .link i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.tj_share .socials li a:hover {
  background-color: var(--tj-color-theme-primary);
}
.tj_share .socials li a:hover i {
  color: var(--tj-color-common-white);
}
@media (max-width: 575px) {
  .tj_share .socials {
    gap: 10px;
  }
  .tj_share .socials li a,
  .tj_share .socials li .link {
    width: 30px;
    height: 30px;
    font-size: 14px;
  }
}
@media (max-width: 575px) {
  .tj_share {
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
  }
}

/* !END: Theme Project CSS */
/**----------------------------------------
START: Theme Service CSS
----------------------------------------*/
.tj-service-details {
  padding-top: 120px;
  padding-bottom: 105px;
}
@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-details {
    padding-top: 80px;
    padding-bottom: 55px;
  }
}

.service-details-item {
  margin-bottom: 30px;
}
.service-details-item .details-image {
  margin-bottom: 30px;
}
.service-details-item .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) {
  .service-details-item .title {
    font-size: 38px;
  }
}
.service-details-item p {
  margin-bottom: 10px;
  line-height: 2.1;
  font-size: 18px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .service-details-item p {
    font-size: 16px;
    line-height: 1.9;
  }
}
.service-details-item .service-wrapper {
  margin-top: 30px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .service-details-item .service-wrapper .tj-video-area {
    margin-bottom: 30px;
  }
}
.service-details-item .service-wrapper .video-image::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) {
  .service-details-item .service-wrapper .video-image img {
    width: 100%;
  }
}
.service-details-item .service-wrapper .service-content .title {
  font-size: 25px;
  margin-bottom: 10px;
}
.service-details-item .service-wrapper .service-content p {
  line-height: 27px;
  font-size: 15px;
  margin-bottom: 15px;
}

.check-list ul li {
  font-size: 17px;
  font-weight: var(--tj-fw-medium);
  color: var(--tj-color-heading-primary);
  margin-bottom: 19px;
}
@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) {
  .check-list ul li {
    font-size: 16px;
    margin-bottom: 10px;
  }
}
.check-list ul li:last-child {
  margin-bottom: 0;
}
.check-list ul li i {
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  border-radius: 50%;
  font-size: 12px;
  display: inline-block;
  color: var(--tj-color-common-white);
  background: var(--tj-color-theme-primary);
  position: relative;
  top: -2px;
  margin-right: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .check-list ul li i {
    margin-right: 10px;
  }
}

.tj-service-widget {
  background-color: var(--tj-color-common-white);
  border: 1px solid var(--tj-color-border-2);
  padding: 30px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .tj-service-widget {
    padding: 30px 20px;
  }
}
.tj-service-widget .side-title {
  font-size: 30px;
  line-height: 1.2;
  color: var(--tj-color-heading-primary);
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 25px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-service-widget .side-title {
    font-size: 26px;
  }
}
.tj-service-widget .side-title::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 80px;
  height: 3px;
  background-color: var(--tj-color-heading-primary);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-service-widget .side-title::before {
    width: 50px;
  }
}
.tj-service-widget .service_list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.tj-service-widget .service_list li {
  font-size: 18px;
  line-height: 1.3;
  font-weight: var(--tj-fw-medium);
  font-family: var(--tj-ff-heading);
  color: var(--tj-color-text-body);
}
.tj-service-widget .service_list li:not(:last-child) {
  margin-bottom: 15px;
}
.tj-service-widget .service_list 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;
  color: inherit;
}
.tj-service-widget .service_list li a span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  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: 12px;
  color: var(--tj-color-common-white);
  background-color: var(--tj-color-heading-primary);
  font-weight: var(--tj-fw-bold);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.tj-service-widget .service_list li a span i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.tj-service-widget .service_list li a.active, .tj-service-widget .service_list li a:hover {
  color: var(--tj-color-theme-primary);
}
.tj-service-widget .service_list li a.active span, .tj-service-widget .service_list li a:hover span {
  background-color: var(--tj-color-theme-primary);
  color: var(--tj-color-common-white);
}

.sidebar-download {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sidebar-download li {
  font-size: 18px;
  line-height: 1.3;
  font-weight: var(--tj-fw-medium);
  font-family: var(--tj-ff-heading);
  color: var(--tj-color-text-body);
}
.sidebar-download li:not(:last-child) {
  margin-bottom: 15px;
}
.sidebar-download li .text {
  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;
}
.sidebar-download li .text i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
  font-size: 90%;
  color: var(--tj-color-text-body);
}
.sidebar-download li a {
  color: inherit;
}
.sidebar-download li a:hover {
  color: var(--tj-color-theme-primary);
}
.sidebar-download li a:hover i {
  color: var(--tj-color-theme-primary);
}

.sidebar-contact .contact-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}
.sidebar-contact .contact-text .contact-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: 40px;
  height: 40px;
  background-color: var(--tj-color-theme-primary);
  border-radius: 50%;
  font-size: 20px;
  line-height: 1;
  color: var(--tj-color-common-white);
}
.sidebar-contact .contact-text .contact-icon i,
.sidebar-contact .contact-text .contact-icon svg {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.sidebar-contact .contact-text .contact-icon svg {
  max-width: 20px;
}
.sidebar-contact .contact-text .cta_title {
  margin: 0;
}
.sidebar-contact .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 30px;
  line-height: 1;
  color: var(--tj-color-heading-primary);
  font-weight: var(--tj-fw-bold);
  font-family: var(--tj-ff-heading);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-contact .text {
    font-size: 26px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .sidebar-contact .text {
    font-size: 24px;
  }
}
.sidebar-contact a:hover {
  color: var(--tj-color-theme-primary);
}
.sidebar-contact .desc {
  font-size: 16px;
  margin-top: 20px;
}

.widget_feature_item {
  padding: 20px;
}
.widget_feature_item .feature-box {
  position: relative;
  background-color: var(--tj-color-light-3);
  overflow: hidden;
}
.widget_feature_item .feature-box .feature-content {
  padding: 35px 30px 12px;
}
.widget_feature_item .feature-box .feature-content .title {
  font-size: 115px;
  color: var(--tj-color-heading-primary);
  margin-bottom: 0;
  line-height: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .widget_feature_item .feature-box .feature-content .title {
    font-size: 85px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .widget_feature_item .feature-box .feature-content .title {
    font-size: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .widget_feature_item .feature-box .feature-content .title {
    font-size: 75px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .widget_feature_item .feature-box .feature-content .title {
    font-size: 70px;
  }
}
@media (max-width: 575px) {
  .widget_feature_item .feature-box .feature-content .title {
    font-size: 65px;
    margin-bottom: 10px;
  }
}
.widget_feature_item .feature-box .feature-content .sub-title {
  display: block;
  font-family: var(--tj-ff-heading);
  font-size: 28px;
  color: var(--tj-color-heading-primary);
  margin-bottom: 15px;
  line-height: 1;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .widget_feature_item .feature-box .feature-content .sub-title {
    font-size: 22px;
  }
}
.widget_feature_item .feature-box .feature-content .feature-contact {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: var(--tj-color-common-white);
  background-color: var(--tj-color-theme-primary);
  padding: 9px 15px;
  border-radius: 50px;
  line-height: 1;
}
.widget_feature_item .feature-box .feature-content .feature-contact 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;
  font-size: 24px;
  line-height: 1;
}
.widget_feature_item .feature-box .feature-content .feature-contact span i,
.widget_feature_item .feature-box .feature-content .feature-contact span svg {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.widget_feature_item .feature-box .feature-content .feature-contact span svg {
  max-width: 24px;
  height: auto;
}
.widget_feature_item .feature-box .feature-content .feature-contact .link {
  font-size: 28px;
  font-family: var(--tj-ff-heading);
  line-height: 1;
  color: inherit;
  font-weight: var(--tj-fw-light);
}
.widget_feature_item .feature-images {
  position: relative;
  left: 75px;
  bottom: -20px;
  max-width: 350px;
  margin-left: auto;
  width: 100%;
  z-index: 1;
}
.widget_feature_item .feature-images::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 5px;
  left: -10px;
  background: var(--tj-color-theme-primary);
  border-radius: 180px 180px 0px 180px;
  z-index: -1;
}
.widget_feature_item .feature-images img {
  border-radius: 180px 180px 0px 180px;
  min-height: 350px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .widget_feature_item {
    padding: 20px 15px;
  }
  .widget_feature_item .feature-box .feature-content {
    padding: 30px 15px 12px;
  }
}

/* !END: Theme Service CSS */
/**----------------------------------------
START: Theme Contact CSS
----------------------------------------*/
.tj-contact-section {
  padding-top: 120px;
  padding-bottom: 120px;
  background: var(--tj-color-theme-bg);
}
@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 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.tj-contact-section.tj-contact-page {
  padding-bottom: 0;
}
.tj-contact-section .tj-sec-heading-two .desc {
  max-width: 535px;
}
.tj-contact-section .tj-sec-heading-two .desc p {
  margin-bottom: 30px;
  font-size: 18px;
  line-height: 2.1;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-contact-section .tj-sec-heading-two .desc p {
    font-size: 16px;
    line-height: 1.9;
  }
}

.tj-contact-section-two {
  background: var(--tj-color-light-1);
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
  z-index: 2;
}
.tj-contact-section-two .contact-bg-shape {
  position: absolute;
  top: 30px;
  right: 0;
  max-width: 240px;
  width: 100%;
  z-index: -1;
}
.tj-contact-section-two .contact-bottom-shape {
  position: absolute;
  bottom: -2px;
  left: 0;
  z-index: 1;
}
.tj-contact-section-two .contact-left-shape {
  position: absolute;
  left: 80px;
  bottom: 0;
  max-width: 145px;
  width: 100%;
  z-index: -1;
}
.tj-contact-section-two .contact-right-shape {
  position: absolute;
  right: 90px;
  bottom: 0;
  max-width: 105px;
  width: 100%;
  z-index: -1;
}
.tj-contact-section-two .tj-sec-heading-three .title {
  margin-bottom: 20px;
}
@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-contact-section-two .contact-right-shape,
  .tj-contact-section-two .contact-left-shape,
  .tj-contact-section-two .contact-bg-shape {
    max-width: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-contact-section-two {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .tj-contact-section-two .contact-bottom-shape {
    bottom: -5px;
  }
  .tj-contact-section-two .form-box-three {
    max-width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-contact-section-two .contact-bg-shape,
  .tj-contact-section-two .contact-right-shape,
  .tj-contact-section-two .contact-left-shape,
  .tj-contact-section-two .contact-bottom-shape {
    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) {
  .contact-left-content {
    margin-bottom: 50px;
  }
}

.contact-left-content-two .desc {
  margin-bottom: 30px;
}
.contact-left-content-two .desc p {
  font-size: 18px;
  line-height: 2.1;
}
.contact-left-content-two .desc p:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .contact-left-content-two {
    margin-bottom: 50px;
  }
}

.contact-map iframe {
  width: 536px;
  height: 227px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-map iframe {
    width: 440px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .contact-map iframe {
    width: 100%;
  }
}

.contact-item {
  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: start;
  gap: 20px;
}
.contact-item:not(:last-child) {
  margin-bottom: 20px;
}
.contact-item .contact-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 30px;
  line-height: 1;
  color: var(--tj-color-theme-secondary);
}
.contact-item .contact-icon i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.contact-item .contact-text {
  width: calc(100% - 50px);
}
.contact-item .contact-text .title {
  display: block;
  font-size: 18px;
  line-height: 1;
  font-weight: var(--tj-fw-sbold);
}
.contact-item .contact-text .contact_link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 18px;
  line-height: 1.5;
  color: var(--tj-color-text-body);
}
.contact-item .contact-text a:hover {
  color: var(--tj-color-theme-primary);
}

.tj-contact-form .form-input {
  margin-bottom: 24px;
}
.tj-contact-form .form-input textarea,
.tj-contact-form .form-input input[type=email],
.tj-contact-form .form-input input[type=tel],
.tj-contact-form .form-input input[type=url],
.tj-contact-form .form-input input[type=text] {
  width: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  border: 1px solid rgba(57, 202, 110, 0.6);
  font-size: 14px;
  line-height: 1;
  padding: 18px 20px;
  color: var(--tj-color-heading-primary);
}
.tj-contact-form .form-input textarea::-webkit-input-placeholder, .tj-contact-form .form-input input[type=email]::-webkit-input-placeholder, .tj-contact-form .form-input input[type=tel]::-webkit-input-placeholder, .tj-contact-form .form-input input[type=url]::-webkit-input-placeholder, .tj-contact-form .form-input input[type=text]::-webkit-input-placeholder {
  color: var(--tj-color-border-2);
}
.tj-contact-form .form-input textarea::-moz-placeholder, .tj-contact-form .form-input input[type=email]::-moz-placeholder, .tj-contact-form .form-input input[type=tel]::-moz-placeholder, .tj-contact-form .form-input input[type=url]::-moz-placeholder, .tj-contact-form .form-input input[type=text]::-moz-placeholder {
  color: var(--tj-color-border-2);
}
.tj-contact-form .form-input textarea:-ms-input-placeholder, .tj-contact-form .form-input input[type=email]:-ms-input-placeholder, .tj-contact-form .form-input input[type=tel]:-ms-input-placeholder, .tj-contact-form .form-input input[type=url]:-ms-input-placeholder, .tj-contact-form .form-input input[type=text]:-ms-input-placeholder {
  color: var(--tj-color-border-2);
}
.tj-contact-form .form-input textarea::-ms-input-placeholder, .tj-contact-form .form-input input[type=email]::-ms-input-placeholder, .tj-contact-form .form-input input[type=tel]::-ms-input-placeholder, .tj-contact-form .form-input input[type=url]::-ms-input-placeholder, .tj-contact-form .form-input input[type=text]::-ms-input-placeholder {
  color: var(--tj-color-border-2);
}
.tj-contact-form .form-input textarea::placeholder,
.tj-contact-form .form-input input[type=email]::placeholder,
.tj-contact-form .form-input input[type=tel]::placeholder,
.tj-contact-form .form-input input[type=url]::placeholder,
.tj-contact-form .form-input input[type=text]::placeholder {
  color: var(--tj-color-border-2);
}
.tj-contact-form .form-input textarea:focus,
.tj-contact-form .form-input input[type=email]:focus,
.tj-contact-form .form-input input[type=tel]:focus,
.tj-contact-form .form-input input[type=url]:focus,
.tj-contact-form .form-input input[type=text]:focus {
  border-color: var(--tj-color-theme-primary);
}
.tj-contact-form .form-input textarea {
  min-height: 190px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-contact-form .form-input textarea {
    min-height: 150px;
  }
}
.tj-contact-form .tj-contact-button {
  margin-top: 6px;
}
.tj-contact-form .tj-contact-button button[type=submit],
.tj-contact-form .tj-contact-button input[type=submit] {
  padding: 22px 30px;
}

/* !END: Theme Contact CSS */
/**----------------------------------------
START: Theme Brand CSS
----------------------------------------*/
.tj-brand-slider .swiper-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.brand-item {
  line-height: 1;
}
.brand-item a {
  display: inline-block;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.brand-item:hover a {
  opacity: 1;
}

/* !END: Theme Brand CSS */
/**----------------------------------------
START: CTA CSS
----------------------------------------*/
.tj_cta .cta_title {
  color: var(--tj-color-heading-primary);
  margin: 0;
}
.tj_cta .cta_desc {
  display: block;
  font-size: 18px;
  font-weight: var(--tj-fw-medium);
  color: var(--tj-color-heading-primary);
  margin-top: 15px;
}
.tj_cta .cta_form {
  margin-top: 40px;
}
.tj_cta .cta_form form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
  row-gap: 15px;
}
.tj_cta .cta_form form input:not([type=submit]):not([type=radio]):not([type=checkbox]) {
  border: 1px solid var(--tj-color-border-2);
  max-width: 312px;
  width: 100%;
  height: 100%;
  color: var(--tj-color-heading-primary);
  padding: 14px 20px;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
  outline: none;
}
.tj_cta .cta_form form input:not([type=submit]):not([type=radio]):not([type=checkbox])::-webkit-input-placeholder {
  color: var(--tj-color-grey-1);
}
.tj_cta .cta_form form input:not([type=submit]):not([type=radio]):not([type=checkbox])::-moz-placeholder {
  color: var(--tj-color-grey-1);
}
.tj_cta .cta_form form input:not([type=submit]):not([type=radio]):not([type=checkbox]):-ms-input-placeholder {
  color: var(--tj-color-grey-1);
}
.tj_cta .cta_form form input:not([type=submit]):not([type=radio]):not([type=checkbox])::-ms-input-placeholder {
  color: var(--tj-color-grey-1);
}
.tj_cta .cta_form form input:not([type=submit]):not([type=radio]):not([type=checkbox])::placeholder {
  color: var(--tj-color-grey-1);
}
.tj_cta .cta_form form input:not([type=submit]):not([type=radio]):not([type=checkbox]):focus {
  border-color: var(--tj-color-theme-primary);
}
.tj_cta .cta_form form button[type=submit] {
  padding: 19px 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tj_cta .cta_form form {
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
  }
  .tj_cta .cta_form form .wpcf7-form-control-wrap {
    width: calc(50% - 10px);
  }
}
@media (max-width: 575px) {
  .tj_cta {
    text-align: center;
  }
  .tj_cta .cta_desc {
    font-size: 16px;
  }
  .tj_cta .cta_form {
    margin-top: 30px;
  }
  .tj_cta .cta_form form .wpcf7-form-control-wrap {
    width: 100%;
  }
  .tj_cta .cta_form form .wpcf7-form-control-wrap input:not([type=submit]):not([type=radio]):not([type=checkbox]) {
    max-width: 100%;
  }
  .tj_cta .cta_form form input[type=submit],
  .tj_cta .cta_form form button[type=submit] {
    width: 100%;
  }
}

/* !END: CTA CSS */
/**----------------------------------------
START: Theme Footer CSS
----------------------------------------*/
.tj-footer-area {
  background: var(--tj-color-theme-secondary);
  position: relative;
  overflow: hidden;
}

.tj_footer_posts {
  background-color: #323c45;
  background-image: linear-gradient(182deg, var(--tj-color-common-white) -521.68%, rgba(255, 255, 255, 0) 98.31%);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 40px 30px;
  position: relative;
  z-index: 1;
}
.tj_footer_posts::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(50, 60, 69, 0.85);
  z-index: -1;
}
.tj_footer_posts .post_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;
  gap: 15px;
}
.tj_footer_posts .post_item:not(:last-child) {
  margin-bottom: 30px;
}
.tj_footer_posts .post_item .post_image {
  width: 90px;
  height: 90px;
  overflow: hidden;
}
.tj_footer_posts .post_item .post_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}
.tj_footer_posts .post_item .post_content {
  width: calc(100% - 105px);
}
.tj_footer_posts .post_item .post_content .post_meta {
  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: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  row-gap: 10px;
  margin-bottom: 10px;
}
.tj_footer_posts .post_item .post_content .post_meta li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  color: var(--tj-color-common-white);
  text-transform: capitalize;
  font-size: 13px;
  line-height: 1;
}
.tj_footer_posts .post_item .post_content .post_meta li a {
  color: inherit;
}
.tj_footer_posts .post_item .post_content .post_meta li a:hover {
  color: var(--tj-color-theme-primary);
}
.tj_footer_posts .post_item .post_content .title {
  color: var(--tj-color-common-white);
  margin: 0;
}
.tj_footer_posts .post_item .post_content .title a:hover {
  color: var(--tj-color-theme-primary);
}
.tj_footer_posts .post_item:hover .post_image img {
  -webkit-transform: scale(1.12);
      -ms-transform: scale(1.12);
          transform: scale(1.12);
}

.footer-top-area {
  padding-top: 120px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-top-area {
    padding-top: 100px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-top-area {
    padding-top: 80px;
  }
}

.footer-widget {
  margin-bottom: 40px;
}
.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 .widget_title {
  font-size: 22px;
  line-height: 1.2;
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-bold);
  letter-spacing: 0.5px;
  color: var(--tj-color-common-white);
  margin-bottom: 25px;
}
.footer-widget .tagcloud a,
.footer-widget .wp-block-tag-cloud a {
  font-size: 16px !important;
}

.footer_info .footer_logo {
  line-height: 1;
  margin-bottom: 30px;
}
.footer_info .footer_logo .logo {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  max-width: 140px;
  width: 100%;
}
.footer_info .desc {
  color: var(--tj-color-common-white);
}
.footer_info .footer-share {
  margin-top: 35px;
}
.footer_info .footer-share ul {
  padding: 0;
  margin: 0;
  list-style: none;
  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;
  gap: 15px;
}
.footer_info .footer-share 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%;
  font-size: 14px;
  line-height: 1;
  color: var(--tj-color-common-black);
  background-color: var(--tj-color-common-white);
  position: relative;
  z-index: 1;
}
.footer_info .footer-share ul li a::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--tj-color-theme-primary);
  z-index: -1;
  border-radius: 50%;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}
.footer_info .footer-share ul li a i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.footer_info .footer-share ul li a:hover::after {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.footer_info .footer-share ul li a:hover i {
  color: var(--tj-color-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer_info .footer-share {
    margin-top: 30px;
  }
}
@media (max-width: 575px) {
  .footer_info .footer-share {
    margin-top: 25px;
  }
}

.tj_footer_working .desc {
  color: var(--tj-color-common-white);
}
.tj_footer_working .desc ul {
  list-style: none;
}
.tj_footer_working .desc ul li:not(:last-child) {
  margin-bottom: 10px;
}

.tj_footer_menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.tj_footer_menu ul > li:not(:last-child) {
  margin-bottom: 15px;
}
.tj_footer_menu ul > li > a {
  color: var(--tj-color-common-white);
  font-weight: var(--tj-fw-medium);
  padding-left: 0;
  position: relative;
  z-index: 1;
}
.tj_footer_menu ul > li > a::before {
  position: absolute;
  content: "";
  width: 10px;
  height: 2px;
  left: 0;
  top: 11px;
  background: var(--tj-color-theme-primary);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.tj_footer_menu ul > li > a:hover {
  color: var(--tj-color-theme-primary);
  padding-left: 20px;
}
.tj_footer_menu ul > li > a:hover::before {
  opacity: 1;
  visibility: visible;
}
.tj_footer_menu ul > li > ul {
  margin-top: 15px;
  margin-left: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj_footer_menu ul li:not(:last-child) {
    margin-bottom: 10px;
  }
  .tj_footer_menu ul li > ul {
    margin-top: 10px;
    margin-left: 20px;
  }
}

.footer-contact ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer-contact ul li {
  position: relative;
  z-index: 1;
  padding-left: 40px;
}
.footer-contact ul li:not(:last-child) {
  margin-bottom: 25px;
}
.footer-contact ul li .icon {
  font-size: 25px;
  line-height: 1;
  color: var(--tj-color-theme-primary);
  position: absolute;
  left: 0;
  top: 5px;
}
.footer-contact ul li .icon i,
.footer-contact ul li .icon svg {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.footer-contact ul li .icon svg {
  max-width: 25px;
}
.footer-contact ul li .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;
}
.footer-contact ul li .content .text {
  color: var(--tj-color-common-white);
  font-weight: var(--tj-fw-medium);
}
.footer-contact ul li .content a:hover {
  color: var(--tj-color-theme-primary);
}

.footer-newsletter .desc {
  color: var(--tj-color-common-white);
  margin-bottom: 30px;
}
.footer-newsletter .footer-form {
  position: relative;
  z-index: 1;
}
.footer-newsletter .footer-form input[type=email] {
  width: 100%;
  background-color: transparent;
  border: 1px solid var(--tj-color-common-white);
  color: var(--tj-color-common-white);
  padding: 14px 55px 14px 16px;
}
.footer-newsletter .footer-form input[type=email]::-webkit-input-placeholder {
  color: var(--tj-color-grey-1);
}
.footer-newsletter .footer-form input[type=email]::-moz-placeholder {
  color: var(--tj-color-grey-1);
}
.footer-newsletter .footer-form input[type=email]:-ms-input-placeholder {
  color: var(--tj-color-grey-1);
}
.footer-newsletter .footer-form input[type=email]::-ms-input-placeholder {
  color: var(--tj-color-grey-1);
}
.footer-newsletter .footer-form input[type=email]::placeholder {
  color: var(--tj-color-grey-1);
}
.footer-newsletter .footer-form input[type=submit],
.footer-newsletter .footer-form button[type=submit] {
  position: absolute;
  top: 0;
  right: 0;
  width: 53px;
  height: 100%;
  font-size: 20px;
  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;
  color: var(--tj-color-common-white);
  background: var(--tj-color-theme-primary);
}
.footer-newsletter .footer-form input[type=submit] i,
.footer-newsletter .footer-form input[type=submit] svg,
.footer-newsletter .footer-form button[type=submit] i,
.footer-newsletter .footer-form button[type=submit] svg {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}

.tj-copyright-area {
  padding: 25px 0;
}

.copyright_wrapper {
  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;
}
.copyright_wrapper .copyright-text {
  color: var(--tj-color-common-white);
  text-align: center;
}
.copyright_wrapper .copyright-text p:last-child {
  margin: 0;
}
.copyright_wrapper .copyright-text a {
  color: inherit;
}
.copyright_wrapper .copyright-text a:hover {
  color: var(--tj-color-theme-primary);
}
.copyright_wrapper .footer_menu 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: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
  row-gap: 15px;
}
.copyright_wrapper .footer_menu ul li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.copyright_wrapper .footer_menu ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--tj-color-common-white);
}
.copyright_wrapper .footer_menu ul li a:hover {
  color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .copyright_wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .copyright_wrapper .copyright-text,
  .copyright_wrapper .footer_menu {
    text-align: center;
  }
}

/* !END: Theme Footer CSS *//*# sourceMappingURL=solarplus-core.css.map */