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

    Theme Name: Gripz - Handyman Services HTML5 Template
    Author: Theme-Junction
    Author URI: https://themeforest.net/user/theme-junction
    Description: Gripz - Handyman Services HTML5 Template
    Version: 1.0

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


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

  Theme Default CSS
	Buttons CSS
	Header CSS
	Footer CSS
	Search CSS
	Hamburger CSS
	Preloader CSS
	Heading CSS
	Hero CSS
	Consult CSS
	Choose CSS
	Client CSS
	About CSS
	Services CSS
	Marquee CSS
	Work CSS
	Skill CSS
	Testimonial CSS
	Faq CSS
	Blog CSS
	CTA CSS
	Countup CSS
	Working process CSS
	Color palette CSS
	Contact CSS
	Slider CSS
	Team CSS
	Before After CSS
	Breadcrumb CSS
	Achievement CSS
	Pricing CSS
	Blog Details CSS
	Animate CSS

**********************************************/
/**----------------------------------------
START: Theme Default CSS
----------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Space+Grotesk:wght@300..700&display=swap");
:root {
  /**
     @Font-Family Declaration
   */
  --tj-ff-body: 'Space Grotesk', serif;;
  --tj-ff-heading: 'Outfit', serif;
  --tj-ff-fontawesome: "Font Awesome 6 Pro";
  /**
     @Font-weight Declaration
   */
  --tj-fw-normal: normal;
  --tj-fw-thin: 100;
  --tj-fw-elight: 200;
  --tj-fw-light: 300;
  --tj-fw-regular: 400;
  --tj-fw-medium: 500;
  --tj-fw-sbold: 600;
  --tj-fw-bold: 700;
  --tj-fw-ebold: 800;
  --tj-fw-black: 900;
  /**
     @Font-Size Declaration
   */
  --tj-fs-body: 16px;
  --tj-fs-p: 16px;
  --tj-fs-h1: 64px;
  --tj-fs-h2: 44px;
  --tj-fs-h3: 32px;
  --tj-fs-h4: 24px;
  --tj-fs-h5: 20px;
  --tj-fs-h6: 18px;
  /**
     @Color Declaration
   */
  --tj-color-common-white: #ffffff;
  --tj-color-common-black: #000000;
  --tj-color-heading-primary: #152a3a;
  --tj-color-text-body: #292929;
  --tj-color-text-body-2: #6d8094;
  --tj-color-theme-primary: #c0453d;
  --tj-color-theme-bg: #f5f2eb;
  --tj-color-grey-1: #b8b8b8;
  --tj-color-border-1: #dbdbdb;
  --tj-color-border-2: #3b3b3b;
}

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

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

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

a {
  text-decoration: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

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

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

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

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

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

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

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

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

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

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

.fix {
  overflow: hidden;
}

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

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

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

/**
  Buttons CSS
*/
.tj-primary-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  position: relative;
  background-color: var(--tj-color-theme-primary);
  color: var(--tj-color-common-white);
  font-size: 16px;
  font-weight: var(--tj-fw-sbold);
  text-transform: uppercase;
  padding: 19px 30px;
  text-align: center;
  overflow: hidden;
  line-height: 1;
  z-index: 2;
  overflow: hidden;
}
.tj-primary-btn::after {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 0;
  padding: 19px 30px;
  display: block;
  transform: translateY(100%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-primary-btn::after {
    padding: 16px 25px;
  }
}
.tj-primary-btn .btn-icon {
  display: inline-flex;
  line-height: 1;
}
.tj-primary-btn:hover {
  color: var(--tj-color-common-white);
  background-color: var(--tj-color-heading-primary);
}
.tj-primary-btn:hover::after {
  transform: translateY(0);
}
.tj-primary-btn:hover .btn-text {
  transform: translateY(-300%);
}
.tj-primary-btn:hover .pulse {
  animation: pulse 0.8s infinite ease-in-out alternate;
}
.tj-primary-btn:hover .rotate {
  animation: rotates 2s infinite linear;
}
@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-primary-btn {
    padding: 16px 25px;
  }
}

.contact-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  position: relative;
  background-color: transparent;
  font-size: 16px;
  line-height: 1;
  font-weight: var(--tj-fw-sbold);
  text-transform: uppercase;
  padding: 11px 25px;
  text-align: center;
  overflow: hidden;
  border: 1px solid var(--tj-color-theme-primary);
  z-index: 1;
}
.contact-btn::after {
  content: attr(data-text);
  position: absolute;
  right: 0;
  top: 0;
  color: var(--tj-color-theme-primary);
  padding: 14px 25px;
  display: block;
  transform: translateY(100%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .contact-btn::after {
    padding: 12px 20px;
  }
}
.contact-btn .btn-icon {
  font-size: 22px;
}
.contact-btn .btn-icon i {
  color: var(--tj-color-theme-primary);
}
.contact-btn .btn-text {
  color: var(--tj-color-theme-primary);
}
.contact-btn:hover::after {
  transform: translateY(0);
}
.contact-btn:hover .btn-text {
  transform: translateY(-300%);
}
.contact-btn.style-2 {
  border-color: var(--tj-color-common-black);
}
.contact-btn.style-2::after,
.contact-btn.style-2 .btn-text {
  color: var(--tj-color-common-black);
}
.contact-btn.style-2 .btn-icon i {
  color: var(--tj-color-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-btn {
    padding: 9px 20px;
  }
}

/**----------------------------------------
START: Theme Header CSS
----------------------------------------*/
.header-area {
  background-color: var(--tj-color-common-white);
  position: relative;
  z-index: 99;
}
.header-area.header-1 .header-wrapper {
  padding: 0 38px;
}
.header-area.header-2 {
  border-bottom: 1px dashed var(--tj-color-border-1);
}
.header-area.header-2 .header-wrapper {
  padding: 0 48px;
}
.header-area.header-3 .header-wrapper {
  padding: 0 48px;
}
.header-area.header-duplicate {
  display: none;
  opacity: 0;
  visibility: hidden;
}
.header-area.sticky {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  -webkit-animation: sticky 0.9s;
  animation: sticky 0.9s;
  border-bottom: none;
  z-index: 999;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  opacity: 1;
  visibility: visible;
  background-color: var(--tj-color-common-white);
  display: block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-area.header-3 .header-wrapper, .header-area.header-2 .header-wrapper, .header-area.header-1 .header-wrapper {
    padding: 0 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-area.header-3 .header-wrapper, .header-area.header-2 .header-wrapper, .header-area.header-1 .header-wrapper {
    padding: 15px 0px;
  }
}

.header-top {
  background-color: var(--tj-color-common-black);
  padding: 0 48px;
}
.header-top-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.header-top-content .topbar-text {
  color: var(--tj-color-common-white);
  font-family: var(--tj-ff-heading);
  text-transform: uppercase;
  font-weight: var(--tj-fw-medium);
  padding: 15px 0;
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.header-top-content .topbar-text i {
  color: var(--tj-color-theme-primary);
  font-size: 22px;
}
.header-top-content .topbar-text a {
  color: var(--tj-color-grey-1);
}
.header-top-content .topbar-text a::after {
  content: "\e928";
  font-size: 12px;
  font-family: "gripz-icons" !important;
  font-weight: normal;
  display: inline-flex;
  color: var(--tj-color-grey-1);
  padding-left: 4px;
}
.header-top-content .topbar-text a:hover {
  color: var(--tj-color-theme-primary);
}
.header-top-content .topbar-text a:hover::after {
  color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-top-content .topbar-text {
    font-size: 15px;
  }
  .header-top-content .topbar-text i {
    font-size: 18px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-top-content .topbar-text {
    font-size: 15px;
    padding: 10px;
  }
  .header-top-content .topbar-text i {
    font-size: 18px;
  }
}
.header-top-content .header-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.header-top-content .header-info .info-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  position: relative;
  padding: 15px;
  border-left: 1px dashed var(--tj-color-border-2);
}
.header-top-content .header-info .info-item:last-child {
  padding-right: 0;
}
.header-top-content .header-info .info-item span {
  display: inline-flex;
  line-height: 1;
  color: var(--tj-color-theme-primary);
}
.header-top-content .header-info .info-item a {
  color: var(--tj-color-common-white);
}
.header-top-content .header-info .info-item a:hover {
  color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-top-content .header-info .info-item {
    padding: 15px 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-top-content .header-info .info-item {
    border: 0;
    padding: 0 10px 10px 10px;
  }
}
.header-top-content .header-info .social-links ul li::after {
  color: var(--tj-color-common-white);
}
.header-top-content .header-info .social-links ul li a {
  color: var(--tj-color-common-white);
}
.header-top-content .header-info .social-links ul li a:hover {
  color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-top-content {
    justify-content: center;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-top {
    padding: 0 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-top {
    padding: 0px;
  }
}

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

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

.menu-area {
  gap: 25px;
}

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

.header-search {
  display: none;
  line-height: 1;
}
.header-search .search {
  color: var(--tj-color-common-black);
  font-size: 17px;
  line-height: 1;
  display: inline-flex;
}
.header-search .search i {
  line-height: 1;
  display: inline-flex;
}

.header-3 .header-search .search,
.header-2 .header-search .search {
  font-size: 20px;
}

.header-right-item {
  display: flex;
  align-items: center;
  gap: 20px;
}
.header-right-item .tj-primary-btn {
  padding: 16px 25px;
}
.header-right-item .tj-primary-btn::after {
  padding: 16px 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-right-item .tj-primary-btn::after {
    padding: 14px 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-right-item .tj-primary-btn {
    padding: 14px 20px;
  }
}

.menu_bar {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 25px;
  height: 25px;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.menu_bar span {
  display: block;
  width: 25px;
  height: 2px;
  background-color: var(--tj-color-common-black);
  border-radius: 10px;
  margin-right: auto;
  backface-visibility: hidden;
  transition: all 0.3s;
}
.menu_bar span:first-child {
  width: 19px;
}
.menu_bar span:last-child {
  width: 13px;
}
.menu_bar.mobile_menu_bar {
  width: 50px;
  height: 50px;
  padding: 12px;
  background: var(--tj-color-theme-primary);
}
.menu_bar.mobile_menu_bar span {
  background-color: var(--tj-color-common-white);
}
.menu_bar:hover span {
  width: 100%;
}

/* !END: Theme Header CSS */
/**----------------------------------------
START: Theme Footer CSS
----------------------------------------*/
.tj-footer-section {
  background-color: var(--tj-color-theme-bg);
  background-blend-mode: luminosity;
  padding-top: 100px;
}

.footer-main-area {
  position: relative;
  padding: 100px 0 90px 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-main-area {
    padding: 70px 0;
  }
}

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

.footer-widget .footer-text p {
  margin-top: 28px;
  margin-bottom: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-widget .footer-text p {
    margin-bottom: 20px;
  }
}
.footer-widget .social-links {
  margin-top: 20px;
}
.footer-widget .title {
  text-transform: uppercase;
  margin-bottom: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-widget .title {
    margin-bottom: 18px;
  }
}

.social-links ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.social-links ul li {
  position: relative;
  line-height: 1;
}
.social-links ul li a {
  color: var(--tj-color-common-black);
  font-weight: var(--tj-fw-medium);
  display: inline-flex;
  line-height: 1;
}
.social-links ul li a:hover {
  color: var(--tj-color-theme-primary);
}
.social-links ul li:not(:last-child)::after {
  content: "-";
  display: inline-block;
  font-weight: var(--tj-fw-medium);
  margin: 0 4px;
}
.social-links.style-2 ul {
  justify-content: center;
  gap: 8px;
  padding-right: 20px;
}
.social-links.style-2 ul li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  color: var(--tj-color-common-black);
  background: var(--tj-color-common-white);
  font-size: 16px;
  line-height: 1;
  border: 1px solid var(--tj-color-common-black);
}
.social-links.style-2 ul li a i {
  color: var(--tj-color-common-black);
}
.social-links.style-2 ul li a:hover {
  background-color: var(--tj-color-theme-primary);
  border-color: var(--tj-color-theme-primary);
  color: var(--tj-color-common-white);
}
.social-links.style-2 ul li a:hover i {
  color: var(--tj-color-common-white);
}
.social-links.style-2 ul li::after {
  display: none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .social-links.style-2 ul {
    padding-right: 0;
    justify-content: end;
  }
}

.widget-nav-menu {
  padding-left: 40px;
}
.widget-nav-menu ul {
  list-style: none;
}
.widget-nav-menu ul li {
  padding: 5px 0;
}
.widget-nav-menu ul li:first-child {
  padding-top: 0;
}
.widget-nav-menu ul li a {
  color: var(--tj-color-text-body-2);
  display: inline-flex;
}
.widget-nav-menu ul li a:hover {
  color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .widget-nav-menu {
    padding-left: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .widget-nav-menu {
    padding-left: 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) {
  .widget-nav-menu {
    padding-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .widget-nav-menu {
    margin-top: 30px;
  }
}

.widget-work-time {
  padding-left: 30px;
}
.widget-work-time ul li {
  display: flex;
  justify-content: space-between;
  color: var(--tj-color-text-body-2);
  border-bottom: 1px dashed var(--tj-color-border-1);
  padding: 10px 0;
}
.widget-work-time ul li:first-child {
  padding-top: 0;
}
.widget-work-time ul li span {
  max-width: 142px;
  width: 100%;
}
.widget-work-time ul li span.off-day {
  color: var(--tj-color-theme-primary);
}
.widget-work-time ul li span:first-child {
  padding-right: 10px;
  max-width: 100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .widget-work-time {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .widget-work-time {
    padding-left: 0;
    margin-top: 30px;
  }
}

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

.subscribe-form {
  position: relative;
  margin-top: 30px;
}
.subscribe-form input[type=email] {
  padding: 15px 60px 15px 20px;
}
.subscribe-form input[type=checkbox] {
  margin-right: 8px;
  width: 18px;
  height: 18px;
  accent-color: var(--tj-color-common-black);
}
.subscribe-form button {
  position: absolute;
  width: 56px;
  height: 56px;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  line-height: 1;
  color: var(--tj-color-theme-primary);
  border-left: 1px solid var(--tj-color-common-black);
}
.subscribe-form button i {
  line-height: 1;
  display: inline-flex;
}
.subscribe-form button:hover i, .subscribe-form button:focus i {
  animation: bellshake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97);
  backface-visibility: hidden;
  transform-origin: top right;
}
.subscribe-form label {
  color: var(--tj-color-text-body-2);
  margin-top: 20px;
  display: inline-flex;
  align-items: center;
}
.subscribe-form label a {
  color: var(--tj-color-common-black);
  margin-left: 3px;
}
.subscribe-form label a:hover {
  color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .subscribe-form {
    margin-top: 18px;
  }
}

.tj-copyright-area {
  position: relative;
  border-top: 1px dashed var(--tj-color-common-black);
}
.tj-copyright-area .copyright-text {
  padding: 22px 0 24px 0;
}
.tj-copyright-area .copyright-text p {
  margin: 0;
}
.tj-copyright-area .copyright-text a {
  color: var(--tj-color-common-black);
}
.tj-copyright-area .copyright-text a:hover {
  color: var(--tj-color-theme-primary);
}

.tj-footer-section.footer-2 .footer-main-area {
  padding-top: 55px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-footer-section.footer-2 .footer-main-area {
    padding-top: 35px;
  }
}
.tj-footer-section.footer-2 .widget-subscribe {
  max-width: 514px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 25px;
}
.tj-footer-section.footer-2 .widget-subscribe .title {
  max-width: 160px;
  margin: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-footer-section.footer-2 .widget-subscribe .title {
    max-width: 100%;
  }
}
.tj-footer-section.footer-2 .widget-subscribe .subscribe-form {
  max-width: 328px;
  width: 100%;
  margin: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-footer-section.footer-2 .widget-subscribe .subscribe-form {
    max-width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-footer-section.footer-2 .widget-subscribe {
    gap: 18px;
  }
}
.tj-footer-section.footer-2 .widget-work-time {
  padding-left: 0;
  padding-right: 35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tj-footer-section.footer-2 .widget-work-time {
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-footer-section.footer-2 .widget-nav-menu {
    margin-top: 30px;
  }
}
.tj-footer-section.footer-2 .widget-nav-2 {
  padding-left: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tj-footer-section.footer-2 .widget-nav-2 {
    padding-left: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-footer-section.footer-2 .widget-nav-2 {
    padding-left: 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-footer-section.footer-2 .widget-nav-2 {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-footer-section.footer-2 {
    padding-top: 60px;
  }
}

.footer-top {
  padding-bottom: 60px;
  border-bottom: 1px dashed var(--tj-color-common-black);
  position: relative;
}

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

.footer-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.footer-gallery .gallery-img {
  width: 100px;
  height: 100px;
  position: relative;
  overflow: hidden;
}
.footer-gallery .gallery-img::before {
  content: "\f16d";
  font-family: "Font Awesome 6 Brands";
  font-size: 20px;
  text-align: center;
  color: var(--tj-color-common-white);
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  width: 100%;
  height: 100%;
  line-height: 100px;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transform: translateY(150%);
  transition: all 0.5s linear;
}
.footer-gallery .gallery-img:hover::before {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.tj-footer-section.footer-3 {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: relative;
  padding-top: 95px;
}
.tj-footer-section.footer-3 .footer-top {
  border-color: var(--tj-color-border-2);
  padding-bottom: 75px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-footer-section.footer-3 .footer-top {
    padding-bottom: 60px;
  }
}
.tj-footer-section.footer-3 .start-journy-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.tj-footer-section.footer-3 .start-journy-area .title {
  max-width: 770px;
  font-size: 64px;
  line-height: 1.156;
  text-transform: uppercase;
  color: var(--tj-color-common-white);
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-footer-section.footer-3 .start-journy-area .title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-footer-section.footer-3 .start-journy-area .title {
    font-size: 40px;
    margin-bottom: 30px;
  }
}
.tj-footer-section.footer-3 .social-links ul li a {
  color: var(--tj-color-common-white);
}
.tj-footer-section.footer-3 .social-links ul li a:hover {
  color: var(--tj-color-theme-primary);
}
.tj-footer-section.footer-3 .footer-widget .footer-text p {
  color: var(--tj-color-grey-1);
}
.tj-footer-section.footer-3 .footer-widget .title {
  color: var(--tj-color-common-white);
}
.tj-footer-section.footer-3 .footer-widget .contact-info {
  max-width: 172px;
}
.tj-footer-section.footer-3 .footer-widget .contact-info .contact-item:first-child {
  padding-top: 4px;
}
.tj-footer-section.footer-3 .footer-widget .contact-info .contact-item:last-child {
  padding-bottom: 0;
}
.tj-footer-section.footer-3 .widget-contact-info {
  padding-left: 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-footer-section.footer-3 .widget-contact-info {
    padding-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-footer-section.footer-3 .widget-contact-info {
    margin-top: 30px;
  }
}
.tj-footer-section.footer-3 .widget-nav-menu ul li a {
  color: var(--tj-color-grey-1);
}
.tj-footer-section.footer-3 .widget-nav-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) {
  .tj-footer-section.footer-3 .widget-nav-menu {
    margin-top: 30px;
  }
}
.tj-footer-section.footer-3 .subscribe-form input[type=email] {
  border-color: var(--tj-color-theme-primary);
}
.tj-footer-section.footer-3 .subscribe-form input[type=checkbox] {
  accent-color: var(--tj-color-text-body-2);
}
.tj-footer-section.footer-3 .subscribe-form button {
  border-left: 1px solid var(--tj-color-theme-primary);
}
.tj-footer-section.footer-3 .subscribe-form label {
  color: var(--tj-color-grey-1);
}
.tj-footer-section.footer-3 .subscribe-form label a {
  color: var(--tj-color-common-white);
  margin-left: 3px;
}
.tj-footer-section.footer-3 .subscribe-form label a:hover {
  color: var(--tj-color-theme-primary);
}
.tj-footer-section.footer-3 .tj-copyright-area {
  border-color: var(--tj-color-border-2);
}
.tj-footer-section.footer-3 .tj-copyright-area .copyright-text p {
  color: var(--tj-color-grey-1);
}
.tj-footer-section.footer-3 .tj-copyright-area .copyright-text a {
  color: var(--tj-color-common-white);
}
.tj-footer-section.footer-3 .tj-copyright-area .copyright-text a:hover {
  color: var(--tj-color-theme-primary);
}
.tj-footer-section.footer-3::before {
  content: "";
  background-color: var(--tj-color-common-black);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.8;
}
@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-footer-section.footer-3 {
    padding-top: 60px;
  }
}

.back-to-top-wrapper {
  position: fixed;
  right: 65px;
  bottom: 0;
  display: block;
  border-radius: 50%;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .back-to-top-wrapper {
    right: 45px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .back-to-top-wrapper {
    right: 15px;
  }
}

.back-to-top-btn {
  width: 48px;
  height: 48px;
  font-size: 16px;
  line-height: 48px;
  text-align: center;
  color: var(--tj-color-common-white);
  background-color: var(--tj-color-theme-primary);
}
.back-to-top-btn i {
  display: inline-flex;
  line-height: 1;
}

.back-to-top-wrapper.back-to-top-btn-show {
  visibility: visible;
  opacity: 1;
  bottom: 46px;
}
.back-to-top-wrapper.back-to-top-btn-show:hover {
  transform: translateY(-6px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .back-to-top-wrapper.back-to-top-btn-show {
    right: 30px;
    bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .back-to-top-wrapper.back-to-top-btn-show {
    bottom: 15px;
  }
}

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

.tj_search_wrapper {
  height: 300px;
  display: flex;
  align-items: center;
}
.tj_search_wrapper .search_form {
  width: 100%;
}
.tj_search_wrapper .search_form form .search_input {
  position: relative;
  z-index: 1;
}
.tj_search_wrapper .search_form form .search_input .search-box {
  position: relative;
  z-index: 1;
}
.tj_search_wrapper .search_form form .search_input .search-box input:not([type=submit]):not([type=radio]):not([type=checkbox]):not([type=search]),
.tj_search_wrapper .search_form form .search_input .search-box input[type=text] {
  width: 100%;
  height: 80px;
  font-size: 24px;
  font-family: var(--tj-ff-body);
  color: var(--tj-color-common-white);
  border: 1px solid var(--tj-color-border-2);
  background: var(--tj-color-text-body);
  padding: 16px 90px 16px 24px;
}
.tj_search_wrapper .search_form form .search_input .search-box input:not([type=submit]):not([type=radio]):not([type=checkbox]):not([type=search])::placeholder,
.tj_search_wrapper .search_form form .search_input .search-box input[type=text]::placeholder {
  font-size: 24px;
  color: var(--tj-color-grey-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj_search_wrapper .search_form form .search_input .search-box input:not([type=submit]):not([type=radio]):not([type=checkbox]):not([type=search])::placeholder,
  .tj_search_wrapper .search_form form .search_input .search-box input[type=text]::placeholder {
    font-size: 20px;
  }
}
.tj_search_wrapper .search_form form .search_input .search-box input:not([type=submit]):not([type=radio]):not([type=checkbox]):not([type=search])::-ms-input-placeholder,
.tj_search_wrapper .search_form form .search_input .search-box input[type=text]::-ms-input-placeholder {
  color: var(--tj-color-grey-1);
}
.tj_search_wrapper .search_form form .search_input .search-box input:not([type=submit]):not([type=radio]):not([type=checkbox]):not([type=search]):focus,
.tj_search_wrapper .search_form form .search_input .search-box input[type=text]:focus {
  border-color: var(--tj-color-theme-primary);
}
.tj_search_wrapper .search_form form .search_input .search-box input:not([type=submit]):not([type=radio]):not([type=checkbox]):not([type=search]):focus + button,
.tj_search_wrapper .search_form form .search_input .search-box input[type=text]:focus + button {
  border-color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj_search_wrapper .search_form form .search_input .search-box input:not([type=submit]):not([type=radio]):not([type=checkbox]):not([type=search]),
  .tj_search_wrapper .search_form form .search_input .search-box input[type=text] {
    font-size: 20px;
  }
}
.tj_search_wrapper .search_form form .search_input .search-box button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  max-width: 80px;
  font-size: 25px;
  color: var(--tj-color-common-white);
  border-left: 1px solid var(--tj-color-border-2);
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj_search_wrapper {
    height: 200px;
  }
}

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

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

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

.offcanvas-text {
  margin-bottom: 50px;
}
.offcanvas-text p {
  color: var(--tj-color-grey-1);
  margin-bottom: 0;
}

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

.hamburger-title {
  color: var(--tj-color-common-white);
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}

.hamburger-infos {
  margin-bottom: 50px;
}
.hamburger-infos .contact-info .contact-item {
  padding: 18px 0 14px 0;
  border-bottom: 1px dashed var(--tj-color-border-2);
}
.hamburger-infos .contact-info .contact-item:first-child {
  border-top: 1px dashed var(--tj-color-border-2);
}
.hamburger-infos .contact-info .contact-item:last-child {
  border-bottom: 1px dashed var(--tj-color-border-2);
}

.hamburger-socials .social-links.style-2 ul {
  justify-content: start;
  padding: 0;
}

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

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

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

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

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

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

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

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

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

@keyframes rotate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* !END: Preloader CSS */
/**----------------------------------------
START: Heading CSS
----------------------------------------*/
.sec-heading {
  margin-inline-start: auto;
  margin-inline-end: auto;
  width: 100%;
  margin-bottom: 40px;
}
.sec-heading .sec-title {
  text-transform: uppercase;
  margin-bottom: 0;
}
.sec-heading .sec-title span {
  color: var(--tj-color-theme-primary);
}
.sec-heading.style-2 .sec-title span {
  color: inherit;
  position: relative;
}
.sec-heading.style-2 .sec-title span::after {
  content: "";
  width: 100%;
  height: 11px;
  background-color: var(--tj-color-theme-primary);
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sec-heading.style-2 .sec-title span::after {
    height: 7px;
    bottom: 3px;
  }
}
@media (max-width: 575px) {
  .sec-heading.style-2 .sec-title span::after {
    height: 5px;
    bottom: 3px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .sec-heading {
    margin-bottom: 35px;
  }
}

.sub-title {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  color: var(--tj-color-common-black);
  font-weight: var(--tj-fw-bold);
  background-color: var(--tj-color-common-white);
  padding: 6px 8px;
  margin-bottom: 23px;
  box-shadow: 0 4px 20px 0 #d0a4a1;
}
.sub-title i {
  color: var(--tj-color-theme-primary);
  font-size: 16px;
  line-height: 1;
  display: inline-flex;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .sub-title {
    margin-bottom: 15px;
  }
}

/* !END: Heading CSS */
/**----------------------------------------
START: Hero CSS
----------------------------------------*/
.tj-banner-section {
  background-color: var(--tj-color-theme-bg);
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 176px;
  padding-bottom: 234px;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-banner-section {
    padding-top: 125px;
    padding-bottom: 180px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tj-banner-section {
    padding-top: 100px;
    padding-bottom: 60px;
  }
}
@media (max-width: 575px) {
  .tj-banner-section {
    padding-top: 70px;
    padding-bottom: 60px;
  }
}

.banner-content {
  max-width: 650px;
  width: 100%;
}
.banner-content .sub-title {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  font-weight: var(--tj-fw-bold);
  background-color: var(--tj-color-common-white);
  padding: 6px 8px;
  margin-bottom: 20px;
  box-shadow: 0 4px 20px 0 rgba(255, 102, 32, 0.2);
}
.banner-content .sub-title img {
  display: inline-block;
  max-width: 18px;
  width: 100%;
}
.banner-content .sub-title i {
  color: var(--tj-color-theme-primary);
  font-size: 16px;
}
.banner-content .banner-title {
  font-size: 68px;
  line-height: 1.118;
  text-transform: uppercase;
  letter-spacing: -1.36px;
  margin-bottom: 15px;
}
.banner-content .banner-title span {
  display: inline-block;
  color: var(--tj-color-theme-primary);
  font-weight: var(--tj-fw-medium);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .banner-content .banner-title {
    font-size: 59px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-content .banner-title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-content .banner-title {
    font-size: 45px;
  }
}
.banner-content .banner-desc {
  font-size: 18px;
  line-height: 1.444;
  max-width: 517px;
}
.banner-content .banner-btn-area {
  margin-top: 25px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
}
.banner-content .banner-btn-area .video-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
}
.banner-content .banner-btn-area .video-btn .play-btn {
  background-color: var(--tj-color-common-black);
  color: var(--tj-color-common-white);
  width: 68px;
  height: 68px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 50px;
  font-size: 16px;
  position: relative;
  border: 9px solid var(--tj-color-common-white);
  animation: pulse-2 2s infinite;
  z-index: 5;
}
.banner-content .banner-btn-area .video-btn .play-btn .play-icon {
  font-size: 12px;
  line-height: 1;
  display: inline-flex;
}
.banner-content .banner-btn-area .video-btn .play-btn .play-icon i {
  line-height: 1;
  display: inline-flex;
}
.banner-content .banner-btn-area .video-btn .video-text {
  color: var(--tj-color-common-black);
  font-weight: var(--tj-fw-bold);
  text-transform: uppercase;
  line-height: 1.2;
  position: relative;
}
.banner-content .banner-btn-area .video-btn .video-text::after {
  content: "";
  position: absolute;
  bottom: 1px;
  right: 0;
  width: 100%;
  height: 1px;
  background-color: var(--tj-color-common-black);
}
.banner-content .banner-btn-area .video-btn:hover .video-text::after {
  -webkit-animation: linehover 0.8s linear;
  animation: linehover 0.8s linear;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .banner-content {
    max-width: 565px;
    padding-left: 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-content {
    max-width: 485px;
    padding-left: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-content {
    max-width: 700px;
    padding-left: 20px;
  }
}

.banner-img {
  width: calc(50% - 11px);
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
.banner-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-img img {
    object-fit: unset;
  }
}
.banner-img::before {
  content: "";
  position: absolute;
  width: 43px;
  height: 43px;
  left: 60px;
  bottom: 60px;
  background-color: var(--tj-color-theme-primary);
  z-index: 5;
}
.banner-img::after {
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
  left: 0;
  bottom: 0;
  background-color: var(--tj-color-common-black);
  z-index: 5;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-img {
    width: calc(50% - 25px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-img {
    width: calc(100% - 60px);
    bottom: 0;
    position: relative;
    margin-left: 60px;
    margin-top: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-img {
    width: 100%;
    position: relative;
    margin-top: 40px;
  }
}

.banner-rating-area {
  display: flex;
  align-items: center;
  gap: 5px;
  writing-mode: sideways-lr;
  background: var(--tj-color-common-white);
  padding: 8px 5px;
  box-shadow: 0 4px 20px 0 rgba(255, 102, 32, 0.2);
  position: absolute;
  left: 30px;
  top: 50%;
  transform: translateY(-60%);
}
.banner-rating-area img {
  max-width: 20px;
  width: 100%;
  margin-top: 3px;
}
.banner-rating-area .vertical-star-ratings {
  letter-spacing: 4px;
}
.banner-rating-area .rating-text {
  font-size: 14px;
  line-height: 1;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .banner-rating-area {
    left: 16px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-rating-area {
    left: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-rating-area {
    top: 150px;
    left: 10px;
    transform: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-rating-area {
    display: none;
  }
}

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

.banner-shape {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 102px;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-shape {
    max-width: 70px;
  }
}
@media (max-width: 575px) {
  .banner-shape {
    max-width: 50px;
  }
}

.banner-scroll {
  position: absolute;
  left: 38px;
  bottom: 50px;
  z-index: 5;
}
.banner-scroll .scroll-down {
  color: var(--tj-color-common-black);
  text-transform: uppercase;
  line-height: 1;
  font-weight: var(--tj-fw-sbold);
  writing-mode: sideways-lr;
  display: flex;
  align-items: center;
  gap: 8px;
}
.banner-scroll .scroll-down span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 28px;
  border: 2px solid var(--tj-color-heading-primary);
  position: relative;
  top: 0;
  border-radius: 50px;
}
.banner-scroll .scroll-down span::before {
  position: absolute;
  content: "";
  width: 2px;
  height: 7px;
  bottom: 9px;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--tj-color-heading-primary);
  -webkit-animation: jump-arrow 1.5s infinite;
  animation: jump-arrow 1.5s infinite;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .banner-scroll {
    left: 23px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-scroll {
    left: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-scroll {
    bottom: 150px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-scroll {
    display: none;
  }
}

.tj-banner-section-2 {
  position: relative;
  padding-right: 48px;
}
.tj-banner-section-2 .banner-scroll {
  left: 60px;
  bottom: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-banner-section-2 .banner-scroll {
    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-banner-section-2 .banner-scroll {
    left: 15px;
    top: 500px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-banner-section-2 {
    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) {
  .tj-banner-section-2 {
    padding-right: 0;
  }
}

.banner-2 {
  padding: 80px 50px 80px 238px;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  align-items: center;
}
.banner-2 .banner-content {
  max-width: 878px;
  padding-left: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .banner-2 .banner-content {
    max-width: 780px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .banner-2 .banner-content {
    max-width: 680px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-2 .banner-content .banner-btn-area {
    margin: 20px 0;
  }
}
.banner-2 .sub-title {
  margin-bottom: 13px;
}
.banner-2 .banner-title {
  font-size: 90px;
  line-height: 1.044;
  letter-spacing: -1.8px;
  margin-bottom: 40px;
}
.banner-2 .banner-title span {
  color: inherit;
  position: relative;
}
.banner-2 .banner-title span::after {
  content: "";
  width: 100%;
  height: 15px;
  background-color: var(--tj-color-theme-primary);
  display: block;
  position: absolute;
  right: 0;
  bottom: 5px;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .banner-2 .banner-title span::after {
    height: 12px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-2 .banner-title span::after {
    height: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-2 .banner-title span::after {
    height: 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-2 .banner-title span::after {
    height: 7px;
    bottom: 4px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .banner-2 .banner-title {
    font-size: 80px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .banner-2 .banner-title {
    font-size: 72px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-2 .banner-title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-2 .banner-title {
    font-size: 45px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 1601px) and (max-width: 1700px) {
  .banner-2 {
    padding-left: 150px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .banner-2 {
    padding-left: 130px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .banner-2 {
    padding-left: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-2 {
    padding-left: 50px;
    padding-right: 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-2 {
    padding: 60px 0 120px 0;
  }
}

.banner-content-rating-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.rating-box {
  max-width: 270px;
  width: 100%;
  background-blend-mode: luminosity;
  background-color: var(--tj-color-theme-bg);
  padding: 28px 30px;
}
.rating-box .star-ratings {
  -webkit-text-stroke: 1px #fdb900;
}
.rating-box .star-ratings .fill-ratings {
  color: #fdb900;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rating-box {
    max-width: 250px;
    padding: 24px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .rating-box {
    max-width: 100%;
    order: 2;
  }
}

.customers ul {
  display: inline-flex;
  list-style: none;
}
.customers ul li {
  line-height: 1;
  margin-left: -15px;
}
.customers ul li img {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  box-shadow: 0 0 0 3px var(--tj-color-theme-bg);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .customers ul li img {
    width: 50px;
    height: 50px;
  }
}
@media (max-width: 575px) {
  .customers ul li img {
    width: 42px;
    height: 42px;
  }
}
.customers ul li:first-child {
  margin-left: 0;
}
.customers ul li:last-child img {
  box-shadow: 0 0 0 3px var(--tj-color-common-white);
}
@media (max-width: 575px) {
  .customers ul li {
    margin-left: -16px;
  }
}

.customers-number {
  font-size: 60px;
  line-height: 0.8;
  letter-spacing: -1.2px;
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-medium);
  padding: 22px 0 18px 0;
}

.customers-text {
  font-size: 16px;
  line-height: 1.5;
  text-transform: uppercase;
}

.banner-desc-area {
  max-width: 335px;
  width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-desc-area {
    width: calc(50% - 5px);
  }
  .banner-desc-area .banner-desc {
    font-size: 16px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-desc-area {
    order: 1;
  }
}

.banner-2-img {
  position: relative;
  width: calc(100% - 16px);
  height: 100%;
  margin-left: auto;
}
.banner-2-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner-2-img .circle-text-wrap.style-2 {
  top: 165px;
  transform: translateY(0);
  left: -80px;
  right: inherit;
  background-color: var(--tj-color-theme-bg);
  background-blend-mode: luminosity;
  box-shadow: 0 0 0 10px var(--tj-color-common-white);
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-2-img .circle-text-wrap.style-2 {
    width: 140px;
    height: 140px;
    left: -65px;
  }
  .banner-2-img .circle-text-wrap.style-2 .circle-text {
    width: 110px;
    height: 110px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-2-img .circle-text-wrap.style-2 {
    left: -65px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-2-img .circle-text-wrap.style-2 {
    width: 160px;
    height: 160px;
    left: 50%;
    top: -80px;
    transform: translateX(-50%);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-2-img .circle-text-wrap.style-2 {
    width: 140px;
    height: 140px;
    left: 50%;
    top: -70px;
    transform: translateX(-50%);
    box-shadow: 0 0 0 6px var(--tj-color-common-white);
  }
  .banner-2-img .circle-text-wrap.style-2 .circle-text {
    width: 110px;
    height: 110px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-2-img {
    width: 100%;
  }
}

/* !END: Hero CSS */
/**----------------------------------------
START: Consult CSS
----------------------------------------*/
.tj-consult-section {
  margin-top: -60px;
  position: relative;
  z-index: 1;
}

.consult-container {
  margin-left: calc((100% - 1320px) / 2);
  width: auto;
  min-width: auto;
  max-width: inherit;
  padding-right: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .consult-container {
    margin-left: calc((100% - 1140px) / 2);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .consult-container {
    margin-left: calc((100% - 960px) / 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .consult-container {
    margin-left: calc((100% - 720px) / 2);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .consult-container {
    margin-left: auto;
    padding: 0;
  }
}

.consult-area {
  background-repeat: no-repeat;
  background-size: cover;
}

.consult-inner {
  padding: 60px;
  max-width: 1320px;
  width: 100%;
  position: relative;
  z-index: 5;
}
.consult-inner .title {
  color: var(--tj-color-common-white);
  max-width: 500px;
  width: 100%;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 40px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .consult-inner .title {
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .consult-inner {
    padding: 40px;
    max-width: 1140px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .consult-inner {
    padding: 40px;
    max-width: 935px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .consult-inner {
    padding: 30px;
    max-width: 700px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .consult-inner {
    padding: 40px 0;
    max-width: 520px;
    margin-inline-end: auto;
    margin-inline-start: auto;
  }
}
@media (max-width: 575px) {
  .consult-inner {
    padding: 40px 15px;
    max-width: 100%;
    margin-inline-end: auto;
    margin-inline-start: auto;
  }
}

.consult-form {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.consult-form .consult-col {
  max-width: 335px;
  width: 100%;
}
.consult-form .consult-col .form-input {
  margin-bottom: 20px;
}
.consult-form .consult-col .form-input:last-child {
  margin-bottom: 0;
}
.consult-form .consult-col .form-input textarea,
.consult-form .consult-col .form-input select,
.consult-form .consult-col .form-input .nice-select,
.consult-form .consult-col .form-input input[type=tel],
.consult-form .consult-col .form-input input[type=text],
.consult-form .consult-col .form-input input[type=email] {
  background-color: var(--tj-color-text-body);
  color: var(--tj-color-grey-1);
  padding: 16px 20px;
  border-color: var(--tj-color-border-2);
}
.consult-form .consult-col .form-input textarea::-webkit-input-placeholder,
.consult-form .consult-col .form-input select::-webkit-input-placeholder,
.consult-form .consult-col .form-input .nice-select::-webkit-input-placeholder,
.consult-form .consult-col .form-input input[type=tel]::-webkit-input-placeholder,
.consult-form .consult-col .form-input input[type=text]::-webkit-input-placeholder,
.consult-form .consult-col .form-input input[type=email]::-webkit-input-placeholder {
  color: var(--tj-color-grey-1);
}
.consult-form .consult-col .form-input textarea:-moz-placeholder,
.consult-form .consult-col .form-input select:-moz-placeholder,
.consult-form .consult-col .form-input .nice-select:-moz-placeholder,
.consult-form .consult-col .form-input input[type=tel]:-moz-placeholder,
.consult-form .consult-col .form-input input[type=text]:-moz-placeholder,
.consult-form .consult-col .form-input input[type=email]:-moz-placeholder {
  color: var(--tj-color-grey-1);
}
.consult-form .consult-col .form-input textarea::-moz-placeholder,
.consult-form .consult-col .form-input select::-moz-placeholder,
.consult-form .consult-col .form-input .nice-select::-moz-placeholder,
.consult-form .consult-col .form-input input[type=tel]::-moz-placeholder,
.consult-form .consult-col .form-input input[type=text]::-moz-placeholder,
.consult-form .consult-col .form-input input[type=email]::-moz-placeholder {
  color: var(--tj-color-grey-1);
}
.consult-form .consult-col .form-input textarea:-ms-input-placeholder,
.consult-form .consult-col .form-input select:-ms-input-placeholder,
.consult-form .consult-col .form-input .nice-select:-ms-input-placeholder,
.consult-form .consult-col .form-input input[type=tel]:-ms-input-placeholder,
.consult-form .consult-col .form-input input[type=text]:-ms-input-placeholder,
.consult-form .consult-col .form-input input[type=email]:-ms-input-placeholder {
  color: var(--tj-color-grey-1);
}
.consult-form .consult-col .form-input textarea::placeholder,
.consult-form .consult-col .form-input select::placeholder,
.consult-form .consult-col .form-input .nice-select::placeholder,
.consult-form .consult-col .form-input input[type=tel]::placeholder,
.consult-form .consult-col .form-input input[type=text]::placeholder,
.consult-form .consult-col .form-input input[type=email]::placeholder {
  color: var(--tj-color-grey-1);
}
.consult-form .consult-col .form-input textarea:focus,
.consult-form .consult-col .form-input select:focus,
.consult-form .consult-col .form-input .nice-select:focus,
.consult-form .consult-col .form-input input[type=tel]:focus,
.consult-form .consult-col .form-input input[type=text]:focus,
.consult-form .consult-col .form-input input[type=email]:focus {
  border-color: var(--tj-color-theme-primary);
}
.consult-form .consult-col .form-input .nice-select {
  color: var(--tj-color-grey-1);
  line-height: 1.5;
  border-radius: 0;
}
.consult-form .consult-col .form-input .nice-select .list {
  width: 100%;
  background-color: var(--tj-color-text-body);
  border-radius: 0;
}
.consult-form .consult-col .form-input .nice-select .list .option:hover, .consult-form .consult-col .form-input .nice-select .list .option.focus {
  background: var(--tj-color-theme-primary);
  color: var(--tj-color-common-white);
}
.consult-form .consult-col .form-input .nice-select::after {
  width: 9px;
  height: 9px;
  right: 24px;
}
.consult-form .consult-col .form-input textarea {
  height: 134px;
  resize: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .consult-form .consult-col {
    max-width: 288px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .consult-form .consult-col {
    max-width: 271px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .consult-form .consult-col {
    max-width: 310px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .consult-form .consult-col {
    max-width: 100%;
  }
}

.circle-send-btn {
  background-color: var(--tj-color-theme-primary);
  width: 134px;
  height: 134px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.circle-send-btn span {
  font-size: 32px;
  line-height: 1;
  display: inline-flex;
}
.circle-send-btn span i {
  color: var(--tj-color-common-white);
  line-height: 1;
  display: inline-flex;
}
.circle-send-btn .circle-text {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 111px;
  height: 112px;
  transform: translate(-50%, -50%);
  -webkit-animation: textrotate 20s infinite linear;
  animation: textrotate 20s infinite linear;
}
.circle-send-btn:hover span {
  transform: scale(0.7);
}

/* !END: Consult CSS */
/**----------------------------------------
START: Chose CSS
----------------------------------------*/
.tj-chose-section.chose-3, .tj-chose-section.chose-2 {
  background-color: var(--tj-color-theme-bg);
  background-blend-mode: luminosity;
}
.tj-chose-section .sec-heading {
  max-width: 550px;
}
.tj-chose-section.chose-3 .sec-heading {
  margin-inline-start: 0;
  margin-inline-end: 0;
}

.chose-box {
  height: 100%;
}
.chose-box .chose-icon {
  display: inline-flex;
  color: var(--tj-color-theme-primary);
  font-size: 48px;
  line-height: 1;
  margin-bottom: 25px;
}
.chose-box .chose-icon i {
  line-height: 1;
  display: inline-flex;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .chose-box .chose-icon {
    margin-bottom: 20px;
  }
}
.chose-box .title {
  text-transform: uppercase;
  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) {
  .chose-box .title {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
.chose-box .desc {
  margin-bottom: 0;
}

.chose-1 .chose-box {
  padding: 40px 28px;
  border: 1px dashed var(--tj-color-border-1);
  transition: all 0.4s ease-in-out;
}
.chose-1 .chose-box:hover {
  background-color: var(--tj-color-theme-bg);
  background-image: url(../images/shape/box-pattern.webp);
  background-blend-mode: luminosity;
  border-color: transparent;
}
.chose-1 .chose-box:hover .chose-icon {
  animation: gelatine 0.6s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .chose-1 .chose-box {
    padding: 40px 18px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .chose-1 .chose-box {
    padding: 30px 15px;
  }
}

.chose-2 .chose-box {
  background-color: var(--tj-color-common-white);
  padding: 30px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.chose-2 .chose-box .chose-icon {
  width: 70px;
  height: 70px;
  background-color: var(--tj-color-common-black);
  color: var(--tj-color-common-white);
  align-items: center;
  justify-content: center;
  transition: all 0.6s ease-in-out;
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .chose-2 .chose-box .chose-icon {
    width: 60px;
    height: 60px;
    font-size: 40px;
  }
}
.chose-2 .chose-box .chose-content {
  flex: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .chose-2 .chose-box .chose-content {
    flex: auto;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .chose-2 .chose-box .chose-content {
    margin-top: 10px;
  }
}
.chose-2 .chose-box:hover .chose-icon {
  background-color: var(--tj-color-theme-primary);
  transform: rotateY(-360deg);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .chose-2 .chose-box {
    padding: 25px;
  }
}
@media (max-width: 575px) {
  .chose-2 .chose-box {
    padding: 25px 20px;
    gap: 15px;
  }
}

.chose-3 .chose-box {
  padding: 40px 28px;
  background-color: var(--tj-color-common-white);
  transition: all 0.4s ease-in-out;
}
.chose-3 .chose-box:hover {
  box-shadow: 0 4px 20px 0 #d0a4a1;
}
.chose-3 .chose-box:hover .chose-icon {
  animation: gelatine 0.6s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .chose-3 .chose-box {
    padding: 32px 18px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .chose-3 .chose-box {
    padding: 30px 15px;
  }
}

.work-experience-area {
  max-width: 570px;
}
.work-experience-area .sec-heading {
  margin-bottom: 65px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .work-experience-area .sec-heading {
    margin-bottom: 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) {
  .work-experience-area .sec-heading {
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .work-experience-area {
    max-width: 100%;
    margin-bottom: 50px;
  }
}

.experience-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  border-top: 1px dashed rgba(0, 0, 0, 0.16);
  border-bottom: 1px dashed rgba(0, 0, 0, 0.16);
}
.experience-wrap .year-count {
  color: var(--tj-color-theme-primary);
  font-size: 404px;
  line-height: 0.75;
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-light);
  letter-spacing: -8.08px;
  display: inline-flex;
  padding: 17px 30px 38px 0;
  border-right: 1px dashed rgba(0, 0, 0, 0.16);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .experience-wrap .year-count {
    font-size: 335px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .experience-wrap .year-count {
    font-size: 250px;
  }
}
@media (max-width: 575px) {
  .experience-wrap .year-count {
    font-size: 210px;
  }
}
.experience-wrap .experience-text {
  padding-left: 32px;
  padding-bottom: 35px;
}
.experience-wrap .experience-text .title {
  max-width: 110px;
  font-size: 16px;
  font-weight: var(--tj-fw-sbold);
  font-family: var(--tj-ff-body);
  text-transform: uppercase;
  letter-spacing: 0;
  margin-bottom: 0;
}
.experience-wrap .experience-text span {
  color: var(--tj-color-theme-primary);
  font-size: 24px;
  display: inline-flex;
  line-height: 1;
}
.experience-wrap .experience-text span i {
  display: inline-flex;
  line-height: 1;
}
@media (max-width: 575px) {
  .experience-wrap .experience-text {
    padding-left: 20px;
  }
}

/* !END: Chose CSS */
/**----------------------------------------
START: Client CSS
----------------------------------------*/
.tj-client-section .client-container {
  padding: 0;
  overflow: hidden;
}

.client-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.client-area .client-item {
  background-color: var(--tj-color-theme-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-blend-mode: luminosity;
  width: 16.667%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 2px solid var(--tj-color-common-white);
  padding: 18px;
}
.client-area .client-item .client-logo {
  display: inline-flex;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .client-area .client-item {
    width: 33.333%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .client-area .client-item {
    width: 50%;
  }
}

.client-item {
  background-color: var(--tj-color-theme-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-blend-mode: luminosity;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
  position: relative;
}
.client-item .client-logo {
  display: inline-flex;
  position: relative;
  z-index: 5;
}
.client-item.hover {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
}
.client-item.hover::after {
  content: "";
  background: var(--tj-color-theme-primary);
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  opacity: 0.72;
}

.client-item-box:hover .client-item.hover {
  opacity: 1;
  visibility: visible;
}

/* !END: Client CSS */
/**----------------------------------------
START: About CSS
----------------------------------------*/
.about-img-area {
  display: grid;
  gap: 20px;
  max-width: 645px;
  width: 100%;
  grid-template-columns: 390px 1fr;
  position: relative;
}
.about-img-area .about-img:first-child {
  grid-row: 1/3;
}
.about-img-area .about-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about-img-area {
    grid-template-columns: 330px 1fr;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-img-area {
    grid-template-columns: 280px 1fr;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-img-area {
    grid-template-columns: 2fr 1fr;
    gap: 15px;
  }
}

.circle-text-wrap {
  position: absolute;
  width: 160px;
  height: 160px;
  top: 50%;
  right: 167px;
  transform: translateY(-50%);
  background-color: var(--tj-color-common-white);
  border-radius: 50%;
}
.circle-text-wrap .logo-icon,
.circle-text-wrap .circle-text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.circle-text-wrap .circle-text {
  width: 120px;
  height: 120px;
  background-size: 100%;
  background-repeat: no-repeat;
  -webkit-animation: textrotate 20s infinite linear;
  animation: textrotate 20s infinite linear;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
  .circle-text-wrap .circle-text {
    width: 100px;
    height: 100px;
  }
}
@media (max-width: 575px) {
  .circle-text-wrap .circle-text {
    width: 100px;
    height: 100px;
  }
}
.circle-text-wrap .logo-icon {
  width: 50px;
  height: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .circle-text-wrap {
    right: 125px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
  .circle-text-wrap {
    width: 130px;
    height: 130px;
    right: 100px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .circle-text-wrap {
    right: 21%;
  }
}
@media (max-width: 575px) {
  .circle-text-wrap {
    width: 120px;
    height: 120px;
    right: 21%;
  }
}

.about-content-area .sec-heading {
  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) {
  .about-content-area {
    margin-bottom: 50px;
  }
}

.about-content .desc {
  margin-bottom: 25px;
}
.about-content .about-info {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
}
.about-content .about-info .info-left {
  max-width: 190px;
  width: 100%;
}
.about-content .about-info .info-right {
  max-width: 296px;
  width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-content .about-info .info-right {
    max-width: 265px;
  }
}
.about-content .about-info .tj-primary-btn {
  margin-top: 28px;
}
.about-content .about-info .author-area {
  background: var(--tj-color-theme-bg);
  background-blend-mode: luminosity;
  padding: 57px 20px 23px 20px;
  position: relative;
}
.about-content .about-info .author-area .author-img {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  border: 4px solid var(--tj-color-common-white);
  position: absolute;
  top: -36px;
  left: inherit;
}
.about-content .about-info .author-area .author-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 5px;
}
.about-content .about-info .author-area .author-info .author-text .author-name {
  text-transform: uppercase;
  margin-bottom: 0;
}
.about-content .about-info .author-area .author-info .author-text span {
  display: inline-block;
  color: var(--tj-color-text-body-2);
  font-size: 14px;
}
.about-content .about-info .author-area .author-info .signature {
  max-width: 139px;
  width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-content .about-info .author-area .author-info .signature {
    max-width: 110px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-content .about-info .author-area .author-info .signature {
    max-width: 120px;
  }
}
.about-content .about-info .author-area::after {
  content: "";
  width: 30px;
  height: 30px;
  background: var(--tj-color-common-white);
  top: -15px;
  right: -15px;
  position: absolute;
  transform: rotate(45deg);
}
@media (max-width: 575px) {
  .about-content .about-info .author-area {
    margin-top: 60px;
  }
}

.check-list ul {
  list-style: none;
}
.check-list ul li {
  display: inline-flex;
  align-items: center;
  color: var(--tj-color-common-black);
  gap: 9px;
  padding-bottom: 6px;
}
.check-list ul li i {
  color: var(--tj-color-theme-primary);
  line-height: 1;
  display: inline-flex;
}
.check-list ul li:last-child {
  padding-bottom: 0;
}

.heading-wrap-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.heading-wrap-content .sec-heading {
  max-width: 550px;
  margin-inline-start: 0;
  margin-inline-end: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .heading-wrap-content .sec-heading {
    margin-bottom: 25px;
  }
}
.heading-wrap-content .desc {
  max-width: 285px;
  margin-bottom: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .heading-wrap-content .desc {
    max-width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .heading-wrap-content .btn-wrap {
    margin-top: 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) {
  .heading-wrap-content {
    margin-bottom: 50px;
  }
}

.about-img-area-2 {
  position: relative;
  padding: 50px 75px 0 50px;
}
.about-img-area-2 .about-bg {
  width: 480px;
  height: 412px;
  background-color: var(--tj-color-theme-bg);
  background-blend-mode: luminosity;
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-img-area-2 .about-bg {
    width: 330px;
    height: 300px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-img-area-2 .about-bg {
    width: 66%;
    height: 77%;
  }
}
.about-img-area-2 .about-img {
  max-width: 569px;
  width: 100%;
  position: relative;
}
.about-img-area-2 .about-img img {
  border: 10px solid 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), (max-width: 575px) {
  .about-img-area-2 .about-img img {
    border-width: 7px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about-img-area-2 .circle-text-wrap.video-btn {
    right: -70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-img-area-2 .circle-text-wrap.video-btn {
    width: 100px;
    height: 100px;
    right: -40px;
  }
  .about-img-area-2 .circle-text-wrap.video-btn .play-btn .play-icon {
    height: 45px;
    width: 45px;
    font-size: 12px;
  }
  .about-img-area-2 .circle-text-wrap.video-btn .circle-text {
    width: 80px;
    height: 80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-img-area-2 .circle-text-wrap.video-btn {
    left: 50%;
    right: 0;
    transform: translate(-50%, -50%);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-img-area-2 {
    padding: 30px 45px 0 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-img-area-2 {
    padding: 30px 0 0 30px;
  }
}

.about-img-area-3 {
  max-width: 632px;
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 12px 110px 62px 12px;
}
.about-img-area-3 .about-img {
  max-width: 521px;
  width: 100%;
  position: relative;
}
.about-img-area-3 .about-img img {
  width: 100%;
}
.about-img-area-3 .about-img::before {
  content: "";
  position: absolute;
  width: calc(100% - 20px);
  height: 218px;
  bottom: -12px;
  left: -12px;
  border: 2px solid var(--tj-color-theme-primary);
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-img-area-3 .about-img::before {
    height: 150px;
  }
}
.about-img-area-3 .about-img::after {
  content: "";
  position: absolute;
  width: 129px;
  height: calc(100% - 20px);
  top: -12px;
  right: -12px;
  border: 2px solid var(--tj-color-theme-primary);
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-img-area-3 .about-img::after {
    width: 115px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-img-area-3 .about-img {
    max-width: 100%;
  }
}
.about-img-area-3 .about-img-small {
  max-width: 252px;
  position: absolute;
  bottom: 0;
  right: 0;
  border: 12px solid 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) {
  .about-img-area-3 .about-img-small {
    max-width: 190px;
  }
}
@media (max-width: 575px) {
  .about-img-area-3 .about-img-small {
    max-width: 170px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-img-area-3 {
    padding-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) {
  .about-img-area-3 {
    max-width: 100%;
  }
}

.tj-about-section-3 .about-content-area {
  padding-left: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tj-about-section-3 .about-content-area {
    padding-left: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-about-section-3 .about-content-area {
    padding-left: 0;
  }
}
.tj-about-section-3 .about-content .about-info {
  border-top: 1px dashed var(--tj-color-border-1);
  border-bottom: 1px dashed var(--tj-color-border-1);
  align-items: flex-start;
  justify-content: flex-start;
}
.tj-about-section-3 .about-content .about-info .info-left {
  max-width: 246px;
  padding-top: 30px;
  padding-bottom: 30px;
}
.tj-about-section-3 .about-content .about-info .check-list {
  text-transform: uppercase;
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-medium);
}
.tj-about-section-3 .about-content .about-info .info-right {
  max-width: 225px;
  padding: 30px 0 25px 30px;
  border-left: 1px dashed var(--tj-color-border-1);
}
.tj-about-section-3 .about-content .about-info .info-right .title {
  font-size: 16px;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 0;
}
.tj-about-section-3 .about-content .about-info .info-right .title span {
  color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-about-section-3 .about-content .about-info .info-right {
    padding-left: 22px;
  }
}
@media (max-width: 575px) {
  .tj-about-section-3 .about-content .about-info .info-right {
    border: 0;
    padding-left: 0;
    padding-top: 0;
  }
}
.tj-about-section-3 .about-content .about-info .customers ul {
  display: inline-flex;
  list-style: none;
}
.tj-about-section-3 .about-content .about-info .customers ul li:last-child span {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background-color: var(--tj-color-common-black);
  color: var(--tj-color-common-white);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  box-shadow: 0 0 0 3px var(--tj-color-common-white);
}
.tj-about-section-3 .about-content .about-info .customers ul li:last-child span i {
  display: inline-flex;
  line-height: 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-about-section-3 .about-content .about-info .customers ul li:last-child span {
    width: 42px;
    height: 42px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-about-section-3 .about-content .about-info {
    flex-wrap: nowrap;
  }
}
@media (max-width: 575px) {
  .tj-about-section-3 .about-content .about-info {
    column-gap: 20px;
  }
}
.tj-about-section-3 .about-content .btn-area {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  margin-top: 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-about-section-3 .about-content .btn-area {
    gap: 15px;
  }
}

.circle-text-wrap.video-btn {
  width: 150px;
  height: 150px;
  right: -75px;
  box-shadow: 0 4px 20px 0 rgba(255, 102, 32, 0.2);
}
.circle-text-wrap.video-btn .play-btn {
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
  position: relative;
}
.circle-text-wrap.video-btn .play-btn .play-icon {
  height: 55px;
  width: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--tj-color-theme-primary);
  color: var(--tj-color-common-white);
  font-size: 15px;
  border-radius: 50%;
}
.circle-text-wrap.video-btn .play-btn .play-icon i {
  margin-left: 2px;
}

.tj-faq.style-2 .accordion-item {
  border-left: 0;
  border-right: 0;
  margin-bottom: 0;
}
.tj-faq.style-2 .accordion-item:not(:first-child) {
  border-top: 0;
}
.tj-faq.style-2 .accordion-item .faq-title {
  font-size: 24px;
  padding: 20px 0;
  color: var(--tj-color-heading-primary);
}
.tj-faq.style-2 .accordion-item .faq-title::after {
  content: "\e923";
  font-size: 16px;
  color: var(--tj-color-heading-primary);
  right: 0;
  transform: translateY(-50%) rotate(180deg);
}
@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-faq.style-2 .accordion-item .faq-title::after {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-faq.style-2 .accordion-item .faq-title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-faq.style-2 .accordion-item .faq-title {
    font-size: 18px;
  }
}
.tj-faq.style-2 .accordion-item .accordion-body {
  padding-left: 0;
}
.tj-faq.style-2 .accordion-item.active {
  background: none;
  border-color: var(--tj-color-border-1);
}
.tj-faq.style-2 .accordion-item.active .faq-title {
  color: var(--tj-color-theme-primary);
}
.tj-faq.style-2 .accordion-item.active .faq-title::after {
  color: var(--tj-color-theme-primary);
  content: "\e923";
  transform: translateY(-50%) rotate(0);
}
.tj-faq .faq-small-img-area {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
}
.tj-faq .faq-small-img {
  width: 89px;
  height: 89px;
}

/* !END: About CSS */
/**----------------------------------------
START: Services CSS
----------------------------------------*/
.tj-service-section {
  background-color: var(--tj-color-theme-bg);
  background-blend-mode: luminosity;
}
.tj-service-section .sec-heading {
  max-width: 550px;
}
.tj-service-section.service-3 {
  background-color: var(--tj-color-common-white);
}

.service-item {
  background: var(--tj-color-common-white);
  padding: 42px 32px;
  margin-bottom: 30px;
  position: relative;
}
.service-item:last-child {
  margin-bottom: 0;
}
.service-item .service-icon {
  font-size: 40px;
  width: 76px;
  height: 76px;
  border-radius: 50%;
  border: 1px solid rgba(255, 89, 0, 0.2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex: 0 0 auto;
  transition: all 0.6s ease-in-out;
}
.service-item .service-icon i {
  color: var(--tj-color-theme-primary);
  display: inline-flex;
  line-height: 1;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .service-item .service-icon {
    width: 65px;
    height: 65px;
    line-height: 65px;
  }
  .service-item .service-icon i {
    font-size: 30px;
    line-height: 65px;
  }
}
.service-item .title {
  text-transform: uppercase;
  margin-bottom: 0;
}
.service-item .title a:hover {
  color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .service-item {
    padding: 30px 20px;
  }
}
.service-item.style-2 {
  z-index: 2;
}
.service-item.style-2 .service-icon {
  border: 0;
  background-color: var(--tj-color-common-black);
  margin-bottom: 20px;
  transition: all 0.6s ease-in-out;
}
.service-item.style-2 .service-icon i {
  color: var(--tj-color-common-white);
}
.service-item.style-2 .title {
  margin-bottom: 14px;
  max-width: 150px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .service-item.style-2 .title {
    max-width: 100%;
  }
}
.service-item.style-2 .service-content p:last-of-type {
  margin-bottom: 0;
}
.service-item.style-2 .read-more {
  text-indent: -50px;
  overflow: hidden;
  transition: none;
  margin-top: 32px;
}
.service-item.style-2 .read-more span {
  transform: translateX(-150%);
  text-shadow: none;
}
.service-item.style-2 .read-more i {
  transition: none;
  text-shadow: none;
}
.service-item.style-2 .read-more:hover span {
  color: var(--tj-color-theme-primary);
}
.service-item.style-2 .read-more:hover i {
  color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .service-item.style-2 .read-more {
    margin-top: 20px;
  }
}
.service-item.style-3 {
  padding: 0;
  background-color: transparent;
}
.service-item.style-3 .service-img {
  overflow: hidden;
}
.service-item.style-3 .service-img img {
  width: 100%;
  transition: all 0.4s linear;
}
.service-item.style-3 .service-inner {
  width: 100%;
  background-color: var(--tj-color-theme-bg);
  background-blend-mode: luminosity;
  padding: 50px 26px 23px 27px;
  margin-inline-start: auto;
  position: relative;
  margin-top: -60px;
}
.service-item.style-3 .service-icon {
  font-size: 38px;
  background-color: var(--tj-color-common-black);
  position: absolute;
  top: -38px;
}
.service-item.style-3 .service-icon i {
  color: var(--tj-color-common-white);
}
.service-item.style-3 .title {
  margin-bottom: 8px;
}
.service-item.style-3 .desc:last-child {
  margin-bottom: 0;
}
.service-item.style-3:hover img {
  transform: scale(1.1);
}
.service-item:hover .service-icon {
  transform: rotateY(-360deg);
}
.service-item:hover .read-more {
  text-indent: 0;
}
.service-item:hover .read-more span {
  transform: translateX(0);
}
.service-item:hover .read-more i {
  transform: translateY(0);
}

.service-content-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}
.service-content-wrap .service-title {
  display: flex;
  flex: wrap;
  align-items: center;
  max-width: 240px;
  width: 100%;
  gap: 17px;
}
.service-content-wrap .service-title .service-icon {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  border: 1px solid rgba(255, 89, 0, 0.2);
  text-align: center;
  line-height: 76px;
  flex: 0 0 auto;
  transition: all 0.6s ease-in-out;
}
.service-content-wrap .service-title .service-icon i {
  color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .service-content-wrap .service-title .service-icon {
    width: 65px;
    height: 65px;
    line-height: 65px;
  }
  .service-content-wrap .service-title .service-icon i {
    font-size: 30px;
    line-height: 65px;
  }
}
.service-content-wrap .service-title .title {
  margin-bottom: 0;
}
.service-content-wrap .service-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 120px;
}
.service-content-wrap .service-content .desc {
  max-width: 420px;
  width: 100%;
  margin-bottom: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .service-content-wrap .service-content .desc {
    max-width: 100%;
  }
}
.service-content-wrap .service-content .service-arrow {
  font-size: 30px;
  line-height: 1;
  display: inline-flex;
  transition: all 0.3s ease-in-out;
}
.service-content-wrap .service-content .service-arrow i {
  color: var(--tj-color-common-black);
  line-height: 1;
  display: inline-flex;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .service-content-wrap .service-content {
    gap: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service-content-wrap .service-content {
    gap: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-content-wrap .service-content {
    width: 100%;
    gap: 30px;
    margin-top: 20px;
    padding-left: 95px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .service-content-wrap .service-content {
    gap: 20px;
    margin-top: 20px;
    padding-left: 82px;
  }
}

.service-reveal-bg {
  position: absolute;
  top: 50%;
  left: 353px;
  width: 255px;
  height: 298px;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transform: translateY(-50%) scale(0.7);
  transition: opacity 0.6s, transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  z-index: 5;
}
.service-reveal-bg:first-child {
  margin-top: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .service-reveal-bg {
    width: 200px;
    height: 235px;
    left: 310px;
  }
}
@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) {
  .service-reveal-bg {
    display: none;
  }
}

.service-item:first-child .service-reveal-bg {
  margin-top: 40px;
}
.service-item:last-child .service-reveal-bg {
  margin-top: -40px;
}
.service-item:hover .service-icon {
  background-color: var(--tj-color-theme-primary);
}
.service-item:hover .service-icon i {
  color: var(--tj-color-common-white);
}
.service-item:hover .service-arrow {
  transform: rotate(45deg);
}
.service-item:hover .service-arrow i {
  color: var(--tj-color-theme-primary);
}
.service-item:hover .service-reveal-bg {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}
.service-item:hover .item-bg {
  opacity: 1;
  visibility: visible;
}

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

.item-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: var(--tj-color-theme-bg);
  background-blend-mode: luminosity;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s linear;
}

.tj-service-section.service-3 .service-item.style-2 {
  height: 100%;
  padding: 42px 28px;
  border: 1px dashed var(--tj-color-border-1);
}
.tj-service-section.service-3 .service-item.style-2:hover {
  border-color: transparent;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-service-section.service-3 .service-item.style-2 {
    padding: 30px 20px;
  }
}

/* !END: Services CSS */
/**----------------------------------------
START: Theme Marquee CSS
----------------------------------------*/
.tj-marquee-section {
  position: relative;
  padding-top: 33px;
  padding-bottom: 37px;
  overflow: hidden;
  border-bottom: 2px solid var(--tj-color-theme-primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-marquee-section {
    padding-top: 22px;
    padding-bottom: 16px;
  }
}

.tj-marquee-section-2 {
  padding-top: 25px;
  padding-bottom: 25px;
  background-color: var(--tj-color-theme-primary);
}

.marquee-wrapper .marquee-slider .swiper-wrapper {
  transition-timing-function: linear;
}

.marquee-item {
  width: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 50px;
  padding-right: 50px;
}
.marquee-item .marquee-text {
  color: var(--tj-color-heading-primary);
  font-size: 100px;
  font-weight: var(--tj-fw-medium);
  font-family: var(--tj-ff-heading);
  text-transform: uppercase;
  line-height: 1;
  margin: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .marquee-item .marquee-text {
    font-size: 75px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .marquee-item .marquee-text {
    font-size: 45px;
  }
}
@media (max-width: 575px) {
  .marquee-item .marquee-text {
    font-size: 25px;
  }
}
.marquee-item .marquee-icons {
  position: relative;
  top: 4px;
  color: var(--tj-color-theme-primary);
  font-size: 76px;
  line-height: 1;
  display: inline-flex;
}
.marquee-item .marquee-icons i {
  display: inline-flex;
  line-height: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .marquee-item .marquee-icons {
    font-size: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .marquee-item .marquee-icons {
    font-size: 40px;
  }
}
@media (max-width: 575px) {
  .marquee-item .marquee-icons {
    font-size: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .marquee-item {
    gap: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 575px) {
  .marquee-item {
    gap: 20px;
    padding-right: 20px;
  }
}
.marquee-item.style-2 {
  gap: 20px;
  padding-right: 20px;
}
.marquee-item.style-2 .marquee-text {
  font-size: 24px;
  color: var(--tj-color-common-white);
}
.marquee-item.style-2 .marquee-icons {
  top: 0;
  font-size: 18px;
  color: var(--tj-color-common-white);
  animation: rotateImg 6s infinite linear;
}

@keyframes rotateImg {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
/* !END: Theme Marquee CSS */
/**----------------------------------------
START: Work CSS
----------------------------------------*/
.tj-work-section {
  position: relative;
}
.tj-work-section .sec-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  justify-content: space-between;
}
.tj-work-section .sec-text {
  max-width: 550px;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tj-work-section .sec-text {
    max-width: 380px;
  }
}
.tj-work-section .work-navigation {
  gap: 20px;
  margin-bottom: 27px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tj-work-section .work-navigation {
    margin-bottom: 20px;
  }
}

.work-wrapper {
  padding: 0 15px;
}
@media (max-width: 575px) {
  .work-wrapper {
    padding: 0;
  }
}

.work-slider .work-item {
  position: relative;
  min-height: 549px;
  overflow: hidden;
}
.work-slider .work-item .work-img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all 0.5s linear;
}
.work-slider .work-item .work-content {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 30px;
  z-index: 3;
}
.work-slider .work-item .work-content .title {
  color: var(--tj-color-common-white);
  text-transform: uppercase;
  width: calc(100% - 75px);
  margin-bottom: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .work-slider .work-item .work-content .title {
    font-size: 20px;
    width: calc(100% - 70px);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .work-slider .work-item .work-content .title {
    font-size: 20px;
    width: calc(100% - 70px);
  }
}
@media (max-width: 575px) {
  .work-slider .work-item .work-content .title {
    font-size: 20px;
    width: calc(100% - 70px);
  }
}
.work-slider .work-item .work-content .work-text {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 576px) and (max-width: 767px) {
  .work-slider .work-item .work-content {
    padding: 25px;
  }
}
@media (max-width: 575px) {
  .work-slider .work-item .work-content {
    padding: 25px 20px;
  }
}
.work-slider .work-item::before {
  content: "";
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  position: absolute;
  width: 100%;
  height: 55%;
  bottom: 0;
  left: 0;
  pointer-events: none;
  z-index: 2;
}
.work-slider .work-item:hover .work-img {
  transform: rotate(3deg) scale(1.1);
}
.work-slider .work-item:hover .work-btn {
  background-color: var(--tj-color-theme-primary);
  border-color: var(--tj-color-theme-primary);
}
.work-slider .work-item:hover .work-btn i {
  transform: rotate(45deg);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .work-slider .work-item {
    min-height: 450px;
  }
}

.work-btn {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: 1px solid var(--tj-color-border-2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}
.work-btn i {
  color: var(--tj-color-common-white);
  transition: all 0.3s ease-in-out;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .work-btn {
    width: 50px;
    height: 50px;
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .work-btn {
    width: 55px;
    height: 55px;
    font-size: 18px;
  }
}

.categories a {
  background-color: rgba(255, 255, 255, 0.15);
  font-size: 14px;
  text-transform: uppercase;
  line-height: 1;
  color: var(--tj-color-common-white);
  font-weight: var(--tj-fw-bold);
  padding: 5px 7px;
  display: inline-flex;
  overflow: hidden;
  margin-right: 5px;
  backdrop-filter: blur(5px);
}
.categories a:hover {
  background-color: var(--tj-color-theme-primary);
  opacity: 1;
}

.work-container {
  margin-left: calc((100% - 1320px) / 2);
  width: auto;
  min-width: auto;
  max-width: inherit;
  padding-right: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .work-container {
    margin-left: calc((100% - 1140px) / 2);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .work-container {
    margin-left: calc((100% - 960px) / 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .work-container {
    margin-left: calc((100% - 720px) / 2);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .work-container {
    margin-left: calc((100% - 540px) / 2);
  }
}
@media (max-width: 575px) {
  .work-container {
    margin-left: auto;
  }
}

.work-main-area {
  display: flex;
  flex-wrap: wrap;
}
.work-main-area .content-wrap {
  max-width: 340px;
  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) {
  .work-main-area .content-wrap {
    max-width: 100%;
    padding-right: 15px;
    margin-bottom: 40px;
  }
  .work-main-area .content-wrap .desc {
    margin-bottom: 0;
  }
}
.work-main-area .work-wrapper {
  width: calc(100% - 340px);
  padding: 0 0 0 105px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .work-main-area .work-wrapper {
    padding: 0 0 0 75px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .work-main-area .work-wrapper {
    padding: 0 0 0 55px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .work-main-area .work-wrapper {
    width: 100%;
    padding: 0;
  }
}

.work-navigation.style-2 {
  gap: 15px;
  margin: 20px 0 0 0;
}
.work-navigation.style-2 .slider-next:hover,
.work-navigation.style-2 .slider-prev:hover {
  background-color: var(--tj-color-theme-primary);
  border-color: var(--tj-color-theme-primary);
}

.work-slider-2 {
  padding-bottom: 50px;
}
.work-slider-2 .swiper-slide {
  max-width: 420px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .work-slider-2 .swiper-slide {
    max-width: 350px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .work-slider-2 .swiper-slide {
    max-width: 300px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .work-slider-2 .swiper-slide {
    max-width: 330px;
  }
}
.work-slider-2 .work-item .work-img {
  position: relative;
  overflow: hidden;
}
.work-slider-2 .work-item .work-img img {
  transition: all 0.5s linear;
}
.work-slider-2 .work-item .work-btn {
  width: 80px;
  height: 80px;
  border: 1px solid var(--tj-color-common-black);
  background-color: var(--tj-color-common-black);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .work-slider-2 .work-item .work-btn {
    width: 70px;
    height: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .work-slider-2 .work-item .work-btn {
    width: 55px;
    height: 55px;
    font-size: 18px;
  }
}
.work-slider-2 .work-item .work-btn:hover {
  background-color: var(--tj-color-theme-primary);
  border-color: var(--tj-color-theme-primary);
}
.work-slider-2 .work-item .work-btn:hover i {
  transform: rotate(45deg);
}
.work-slider-2 .work-item .work-content {
  margin-top: 25px;
}
.work-slider-2 .work-item .title {
  text-transform: uppercase;
  margin-bottom: 0;
}
.work-slider-2 .work-item .title a {
  display: inline;
}
.work-slider-2 .work-item .title a:hover {
  color: var(--tj-color-theme-primary);
}
.work-slider-2 .work-item:hover .work-btn {
  opacity: 1;
  visibility: visible;
}
.work-slider-2 .work-item:hover .work-img img {
  transform: rotate(3deg) scale(1.1);
}
.work-slider-2 .categories {
  margin-bottom: 13px;
  display: inline-flex;
}
.work-slider-2 .categories a {
  color: var(--tj-color-common-black);
  border: 1px solid var(--tj-color-border-1);
}
.work-slider-2 .categories a:hover {
  color: var(--tj-color-common-white);
  border-color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .work-slider-2 {
    padding-bottom: 40px;
  }
}

.tj-work-section.work-3 .sticky-lg-top {
  top: 140px;
  z-index: 2;
}
.tj-work-section.work-3 .work-wrapper {
  padding: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-work-section.work-3 .work-wrapper {
    margin-top: 40px;
  }
}

.work-item.style-3 {
  margin-bottom: 20px;
}
.work-item.style-3:last-child {
  margin-bottom: 0;
}
.work-item.style-3 .work-img {
  overflow: hidden;
}
.work-item.style-3 .work-img img {
  width: 100%;
}
.work-item.style-3 .work-content {
  background-color: var(--tj-color-theme-bg);
  background-blend-mode: luminosity;
  padding: 20px 30px;
}
.work-item.style-3 .work-content .title {
  text-transform: uppercase;
  width: calc(100% - 75px);
  margin-bottom: 0;
}
.work-item.style-3 .work-content .title a {
  display: inline;
}
.work-item.style-3 .work-content .title a:hover {
  color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .work-item.style-3 .work-content .title {
    font-size: 20px;
    width: calc(100% - 70px);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .work-item.style-3 .work-content .title {
    font-size: 20px;
    width: calc(100% - 70px);
  }
}
@media (max-width: 575px) {
  .work-item.style-3 .work-content .title {
    font-size: 20px;
    width: calc(100% - 70px);
  }
}
.work-item.style-3 .work-content .work-text {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 576px) and (max-width: 767px) {
  .work-item.style-3 .work-content {
    padding: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .work-item.style-3 .work-content {
    padding: 20px;
  }
}
.work-item.style-3 .categories {
  margin-bottom: 9px;
  display: inline-flex;
}
.work-item.style-3 .categories a {
  color: var(--tj-color-common-black);
  background-color: var(--tj-color-common-white);
}
.work-item.style-3 .categories a:hover {
  color: var(--tj-color-common-white);
  background-color: var(--tj-color-theme-primary);
}
.work-item.style-3 .work-btn {
  border: 1px solid var(--tj-color-common-white);
  background-color: var(--tj-color-common-white);
}
.work-item.style-3 .work-btn i {
  color: var(--tj-color-common-black);
  transition: none;
}
.work-item.style-3 .work-btn:hover {
  transform: rotate(45deg);
}
.work-item.style-3:hover .work-img img {
  transform: scale(1.1);
}
.work-item.style-3:hover .work-btn {
  background-color: var(--tj-color-theme-primary);
  border-color: var(--tj-color-theme-primary);
}
.work-item.style-3:hover .work-btn i {
  color: var(--tj-color-common-white);
}

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

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

.swiper .swiper-pagination-area {
  text-align: center;
  line-height: 0;
  margin-top: 50px;
}
.swiper .swiper-pagination-area .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background-color: var(--tj-color-grey-1);
  border-radius: 0;
  opacity: 1;
  position: relative;
  margin: 5px 7px;
}
.swiper .swiper-pagination-area .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  border: 1px solid var(--tj-color-common-black);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.swiper .swiper-pagination-area .swiper-pagination-bullet-active {
  background-color: var(--tj-color-common-black);
}
.swiper .swiper-pagination-area .swiper-pagination-bullet-active::before {
  opacity: 1;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .swiper .swiper-pagination-area {
    margin-top: 30px;
  }
}
.swiper .slider-progressbar {
  background-color: var(--tj-color-theme-bg);
  position: absolute;
  height: 6px;
  left: 0;
  bottom: 0;
  top: inherit;
  display: block;
  max-width: 870px;
}
.swiper .slider-progressbar .swiper-pagination-progressbar-fill {
  background-color: var(--tj-color-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
  .swiper .slider-progressbar {
    max-width: 700px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .swiper .slider-progressbar {
    max-width: calc(100% - 40px);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .swiper .slider-progressbar {
    max-width: calc(100% - 15px);
  }
}

/* !END: Work CSS */
/**----------------------------------------
START: Skill CSS
----------------------------------------*/
.tj-skill-section {
  border-top: 1px dashed var(--tj-color-border-1);
}

.content-wrap .sec-heading {
  max-width: 550px;
  margin: 0 0 20px 0;
}
.content-wrap .tj-primary-btn {
  margin-top: 14px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .content-wrap .tj-primary-btn {
    margin-top: 5px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .content-wrap .desc br {
    display: none;
  }
}

.skill-area {
  border: 1px dashed var(--tj-color-border-1);
  display: flex;
  flex-wrap: wrap;
}
.skill-area .skill-item {
  flex: 1;
  width: 33.33%;
  padding: 40px 10px;
  border-right: 1px dashed var(--tj-color-border-1);
}
.skill-area .skill-item:last-child {
  border: none;
}
.skill-area .skill-item .circle-big {
  position: relative;
  width: 150px;
  height: 150px;
  z-index: 1;
  margin: 0 auto 20px;
  font-size: 32px;
  line-height: 1;
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-medium);
  color: var(--tj-color-heading-primary);
}
.skill-area .skill-item .circle-big span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.skill-area .skill-item .circle-big svg {
  width: 150px;
  height: 150px;
  transform: rotate(-90deg);
}
.skill-area .skill-item .circle-big .bg {
  fill: none;
  stroke-width: 8px;
  stroke: var(--tj-color-theme-bg);
}
.skill-area .skill-item .circle-big .progress {
  fill: none;
  stroke-width: 8px;
  stroke: var(--tj-color-theme-primary);
  stroke-dasharray: 446;
  stroke-dashoffset: 446;
  transform-origin: 50% 50%;
  transition: stroke-dashoffset 1s ease-in-out;
}
.skill-area .skill-item .text {
  max-width: 130px;
  margin: 0 auto;
  text-align: center;
  display: block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .skill-area .skill-item {
    padding: 35px 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .skill-area .skill-item {
    flex: 0 0 auto;
    width: 100%;
    padding: 30px 20px;
    border-right: 0;
    border-bottom: 1px dashed var(--tj-color-border-1);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .skill-area {
    margin-top: 40px;
  }
}

/* !END: Skill CSS */
/**----------------------------------------
START: Testimonial CSS
----------------------------------------*/
.tj-testimonial-section {
  background-color: var(--tj-color-theme-bg);
  background-blend-mode: luminosity;
}
.tj-testimonial-section .sec-heading {
  max-width: 500px;
  padding: 0 10px;
}
.tj-testimonial-section .sec-heading span img {
  max-width: 132px;
  margin-top: -10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tj-testimonial-section .sec-heading span img {
    max-width: 112px;
  }
}
@media (max-width: 575px) {
  .tj-testimonial-section .sec-heading span img {
    max-width: 90px;
    margin-top: -7px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tj-testimonial-section .sec-heading {
    max-width: 440px;
  }
}
@media (max-width: 575px) {
  .tj-testimonial-section .sec-heading {
    max-width: 380px;
  }
}

.testimonial-slider .testimonial-item {
  background-color: var(--tj-color-common-white);
  padding: 35px 30px 30px;
  height: 100%;
}
.testimonial-slider .testimonial-item .rating-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.testimonial-slider .testimonial-item .rating-wrap .rating-img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: var(--tj-color-theme-bg);
  display: flex;
  justify-content: center;
  align-items: center;
}
.testimonial-slider .testimonial-item .rating-wrap .rating-img img {
  width: 33px;
  height: 33px;
}
.testimonial-slider .testimonial-item .rating-wrap .rating-text {
  color: var(--tj-color-text-body-2);
  font-size: 14px;
}
.testimonial-slider .testimonial-item .rating-wrap .rating-text strong {
  font-size: 16px;
  font-weight: var(--tj-fw-sbold);
  color: var(--tj-color-common-black);
}
.testimonial-slider .testimonial-item .desc {
  font-size: 18px;
  line-height: 1.444;
  padding-top: 23px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-slider .testimonial-item .desc {
    font-size: 17px;
  }
}
@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 .testimonial-item .desc {
    font-size: 16px;
  }
}
.testimonial-slider .testimonial-item .testimonial-author {
  padding-top: 16px;
  border-top: 1px dashed var(--tj-color-border-1);
}
.testimonial-slider .testimonial-item .testimonial-author .title {
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 2px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-slider .testimonial-item {
    padding: 35px 28px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-slider .testimonial-item {
    padding: 30px 20px;
  }
}

.testimonial-wrapper {
  position: relative;
}
.testimonial-wrapper .testimonial-navigation {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  width: 100%;
  justify-content: space-between;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.testimonial-wrapper .slider-prev {
  margin-top: -63px;
  margin-left: -24px;
}
.testimonial-wrapper .slider-next {
  margin-top: -63px;
  margin-right: -24px;
}
.testimonial-wrapper:hover .testimonial-navigation {
  opacity: 1;
  visibility: visible;
}

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

.tj-testimonial-section-2 .sec-heading {
  max-width: 550px;
}

.testimonial-area {
  position: relative;
}
.testimonial-area .testimonial-navigation {
  position: absolute;
  top: 0;
  right: 0;
  gap: 15px;
}
.testimonial-area .testimonial-navigation.style-2 .slider-next,
.testimonial-area .testimonial-navigation.style-2 .slider-prev {
  background-color: transparent;
}
.testimonial-area .testimonial-navigation.style-2 .slider-next:hover,
.testimonial-area .testimonial-navigation.style-2 .slider-prev:hover {
  border-color: var(--tj-color-common-black);
  background-color: var(--tj-color-common-black);
}
@media (max-width: 400px) {
  .testimonial-area .testimonial-navigation.style-2 .slider-next,
  .testimonial-area .testimonial-navigation.style-2 .slider-prev {
    background-color: var(--tj-color-theme-bg);
  }
}

.testimonial-wrapper-2 {
  max-width: 606px;
  width: 100%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.testimonial-wrapper-2 .testimonial-navigation {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 1;
  visibility: visible;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-wrapper-2 {
    max-width: 500px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-wrapper-2 {
    width: calc(100% - 30px);
  }
}

.testimonial-img {
  max-width: 870px;
  width: 100%;
  height: 547px;
}
.testimonial-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-img {
    max-width: 600px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-img {
    max-width: 400px;
    height: 500px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-img {
    max-width: 280px;
    height: 440px;
  }
}

.testimonial-slider-2 .testimonial-item {
  background-color: var(--tj-color-common-white);
  padding: 40px 30px;
}
.testimonial-slider-2 .testimonial-item .desc {
  font-size: 22px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-slider-2 .testimonial-item .desc {
    font-size: 19px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-slider-2 .testimonial-item .desc {
    font-size: 16px;
  }
}
.testimonial-slider-2 .testimonial-item .rating-area {
  margin-top: 28px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-slider-2 .testimonial-item .rating-area {
    margin-top: 16px;
  }
}
.testimonial-slider-2 .testimonial-item .testimonial-author {
  border-bottom: 1px dashed var(--tj-color-border-1);
  padding-bottom: 30px;
  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) {
  .testimonial-slider-2 .testimonial-item .testimonial-author {
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-slider-2 .testimonial-item {
    padding: 30px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-slider-2 .testimonial-item {
    padding: 25px 15px;
  }
}

.testimonial-author {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.testimonial-author .author-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.testimonial-author .author-img {
  width: 76px;
  height: 76px;
  border-radius: 50%;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-author .author-img {
    width: 65px;
    height: 65px;
  }
}
.testimonial-author .title {
  margin-bottom: 0;
  line-height: 1;
  text-transform: uppercase;
}
.testimonial-author .designation {
  font-size: 14px;
  line-height: 1;
  display: inline-flex;
}
.testimonial-author .quote-icon {
  display: inline-flex;
  line-height: 1;
  color: var(--tj-color-theme-primary);
  font-size: 43px;
}
.testimonial-author .quote-icon i {
  display: inline-flex;
  line-height: 1;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-author .quote-icon {
    font-size: 30px;
  }
}

.testimonial-2 {
  background-color: var(--tj-color-common-white);
}
.testimonial-2 .testimonial-item {
  background-color: var(--tj-color-theme-bg);
  background-blend-mode: luminosity;
}
.testimonial-2 .testimonial-item .testimonial-author {
  border-color: var(--tj-color-grey-1);
}

/* !END: Testimonial CSS */
/**----------------------------------------
START: Faq CSS
----------------------------------------*/
.tj-faq-section .sec-heading {
  max-width: 550px;
}

.tj-faq .accordion-item {
  border: 1px dashed var(--tj-color-border-1);
  margin-bottom: 20px;
  border-radius: 0;
  position: relative;
}
.tj-faq .accordion-item:last-child {
  margin-bottom: 0;
}
.tj-faq .accordion-item .faq-title {
  font-size: 20px;
  color: var(--tj-color-heading-primary);
  text-align: left;
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-medium);
  padding: 21px 45px 21px 30px;
  text-transform: uppercase;
  width: 100%;
  position: relative;
  z-index: 2;
}
.tj-faq .accordion-item .faq-title::after {
  content: "\e927";
  font-size: 20px;
  font-family: "gripz-icons" !important;
  font-weight: normal;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-faq .accordion-item .faq-title {
    font-size: 18px;
    padding: 18px 40px 18px 15px;
  }
  .tj-faq .accordion-item .faq-title::after {
    right: 15px;
  }
}
.tj-faq .accordion-item .accordion-body {
  position: relative;
  z-index: 2;
  padding: 0 30px 30px 30px;
  margin-top: -5px;
}
.tj-faq .accordion-item .accordion-body 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-faq .accordion-item .accordion-body {
    padding: 0 15px 20px 15px;
  }
}
.tj-faq .accordion-item .faq-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  mix-blend-mode: luminosity;
  opacity: 0;
  visibility: hidden;
}
.tj-faq .accordion-item.active {
  background-color: var(--tj-color-theme-bg);
  background-blend-mode: luminosity;
  border-color: transparent;
}
.tj-faq .accordion-item.active .faq-title::after {
  content: "\e926";
}
.tj-faq .accordion-item.active .faq-bg {
  opacity: 1;
  visibility: visible;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-faq {
    padding-top: 40px;
  }
}

.border-hr {
  border-top: 1px dashed var(--tj-color-border-1);
}

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

.blog-item {
  padding: 15px;
  border: 1px dashed var(--tj-color-border-1);
  height: 100%;
}
.blog-item .categories {
  position: absolute;
  left: 15px;
  top: 15px;
  z-index: 3;
}
.blog-item .blog-thumb {
  min-height: 300px;
  overflow: hidden;
  position: relative;
}
.blog-item .blog-thumb img {
  min-height: 300px;
  width: 100%;
  object-fit: cover;
  transition: all 0.4s linear;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .blog-item .blog-thumb {
    min-height: 240px;
  }
  .blog-item .blog-thumb img {
    min-height: 240px;
  }
}
.blog-item .blog-content {
  padding: 25px 15px 10px 15px;
}
.blog-item .blog-content .title {
  text-transform: uppercase;
  margin: 0;
}
.blog-item .blog-content .title a {
  background-image: linear-gradient(to bottom, currentColor 0%, currentColor 100%);
  background-size: 0 2px;
  background-repeat: no-repeat;
  background-position: 0 100%;
  display: inline;
}
.blog-item .blog-content .title a:hover {
  background-size: 100% 2px;
}
.blog-item .blog-content .desc {
  margin-top: 15px;
}
.blog-item .blog-content .desc:last-of-type {
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-item .blog-content {
    padding: 15px 0;
  }
}
.blog-item:hover .blog-thumb img {
  transform: scale(1.1);
}
.blog-item:hover .categories a {
  background-color: var(--tj-color-theme-primary);
}
.blog-item.style-2 {
  border: 0;
  padding: 0;
  position: relative;
}
.blog-item.style-2::before {
  content: "";
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  position: absolute;
  width: 100%;
  height: 55%;
  bottom: 0;
  left: 0;
  pointer-events: none;
  z-index: 2;
}
.blog-item.style-2 .blog-content {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 28px 30px;
  z-index: 3;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.blog-item.style-2 .blog-content .title a {
  color: var(--tj-color-common-white);
  background: none;
}
.blog-item.style-2 .blog-content .title a:hover {
  color: var(--tj-color-theme-primary);
}
@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) {
  .blog-item.style-2 .blog-content .title {
    font-size: 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) {
  .blog-item.style-2 .blog-content {
    padding: 25px 20px;
  }
}
@media (max-width: 575px) {
  .blog-item.style-2 .blog-content {
    padding: 18px 15px;
  }
}
.blog-item.style-2 .categories a {
  background-color: var(--tj-color-common-white);
  color: var(--tj-color-common-black);
}
.blog-item.style-2 .categories a:hover {
  background-color: var(--tj-color-theme-primary);
  color: var(--tj-color-common-white);
}
.blog-item.style-2 .blog-meta span {
  color: var(--tj-color-grey-1);
}
.blog-item.style-2 .read-more {
  color: var(--tj-color-common-white);
  position: absolute;
  margin: 0;
  left: 30px;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}
.blog-item.style-2 .read-more span {
  text-shadow: 0 30px 0 var(--tj-color-common-white);
}
.blog-item.style-2 .read-more i {
  color: var(--tj-color-common-white);
  text-shadow: 0 30px 0 var(--tj-color-common-white);
}
.blog-item.style-2 .read-more:hover i,
.blog-item.style-2 .read-more:hover span {
  transform: translateY(-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) {
  .blog-item.style-2 .read-more {
    left: 20px;
  }
}
@media (max-width: 575px) {
  .blog-item.style-2 .read-more {
    left: 15px;
  }
}
.blog-item.style-2:hover::before {
  height: 100%;
}
.blog-item.style-2:hover .blog-content {
  padding-bottom: 70px;
}
@media (max-width: 575px) {
  .blog-item.style-2:hover .blog-content {
    padding-bottom: 50px;
  }
}
.blog-item.style-2:hover .read-more {
  opacity: 1;
  visibility: visible;
  bottom: 32px;
}
@media (max-width: 575px) {
  .blog-item.style-2:hover .read-more {
    bottom: 20px;
  }
}

.blog-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 20px;
}
.blog-meta span {
  color: var(--tj-color-text-body-2);
  line-height: 1;
}
.blog-meta span a {
  color: inherit;
}
.blog-meta span a:hover {
  color: var(--tj-color-theme-primary);
}
.blog-meta span:not(:last-child)::after {
  content: "~";
  display: inline-block;
  margin-left: 4px;
}
@media (max-width: 575px) {
  .blog-meta {
    margin-bottom: 15px;
  }
}

.read-more {
  font-size: 16px;
  line-height: 1;
  text-transform: uppercase;
  color: var(--tj-color-heading-primary);
  font-weight: var(--tj-fw-sbold);
  display: inline-flex;
  align-items: center;
  margin-top: 15px;
  overflow: hidden;
}
.read-more span {
  text-shadow: 0 30px 0 var(--tj-color-theme-primary);
}
.read-more i {
  font-size: 12px;
  display: inline-flex;
  margin-left: 4px;
  transition: all 0.3s ease-in-out 0s;
  color: var(--tj-color-heading-primary);
  text-shadow: 0 30px 0 var(--tj-color-theme-primary);
}
.read-more:hover i,
.read-more:hover span {
  transform: translateY(-30px);
}

.blog-wrapper .blog-item {
  border: 0;
  padding: 0;
  margin-bottom: 30px;
}
.blog-wrapper .blog-content {
  padding: 30px;
  border: 1px dashed var(--tj-color-border-1);
  margin-top: -1px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .blog-wrapper .blog-content {
    padding: 30px 20px;
  }
}
.blog-wrapper .read-more {
  margin-top: 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .blog-wrapper .read-more {
    margin-top: 20px;
  }
}

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

/* !END: Blog CSS */
/**----------------------------------------
START: CTA CSS
----------------------------------------*/
.tj-cta-section {
  margin-bottom: -100px;
}

.cta-area {
  position: relative;
  overflow: hidden;
}
.cta-area .sec-heading {
  width: 48%;
  margin: 0;
  padding: 48px 45px 51px 45px;
}
.cta-area .sec-heading .sec-title {
  color: var(--tj-color-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cta-area .sec-heading {
    width: 50%;
    padding: 40px 33px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-area .sec-heading {
    width: 50%;
    padding: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .cta-area .sec-heading {
    display: inline-flex;
    align-items: center;
    width: 100%;
    min-height: 165px;
    padding: 30px;
  }
}
.cta-area .call-btn {
  font-size: 36px;
  color: var(--tj-color-common-white);
  width: 84px;
  height: 84px;
  border-radius: 50%;
  background-color: var(--tj-color-theme-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 52.5%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.cta-area .call-btn i {
  display: inline-flex;
  line-height: 1;
}
.cta-area .call-btn:hover {
  transform: translate(-50%, -50%) scale(1.1);
}
.cta-area .call-btn:hover i {
  animation: bellshake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .cta-area .call-btn {
    left: 50%;
  }
}
.cta-area .cta-img {
  width: 49.3%;
  min-height: 200px;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .cta-area .cta-img {
    position: unset;
    width: 100%;
    min-height: 250px;
    background-position: center;
    clip-path: polygon(0 34%, 100% 0%, 100% 100%, 0% 100%);
  }
}
.cta-area::before {
  content: "";
  width: 5px;
  height: 100%;
  background-color: var(--tj-color-theme-primary);
  position: absolute;
  left: 0;
  top: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .cta-area::before {
    height: 5px;
    width: 100%;
  }
}
.cta-area::after {
  content: "";
  width: 5px;
  height: calc(100% + 20px);
  background-color: var(--tj-color-theme-primary);
  position: absolute;
  top: -10px;
  left: 50%;
  transform: rotate(-11deg) translateX(-50%);
  margin-left: 28px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .cta-area::after {
    width: calc(100% + 20px);
    height: 5px;
    top: 50%;
    left: 0;
    transform: rotate(-9deg) translateY(-50%);
    margin-left: -10px;
  }
}
@media (max-width: 440px) {
  .cta-area::after {
    transform: rotate(-12deg) translateY(-50%);
  }
}
@media (max-width: 390px) {
  .cta-area::after {
    transform: rotate(-14deg) translateY(-50%);
  }
}

/* !END: CTA CSS */
/**----------------------------------------
START: Countup CSS
----------------------------------------*/
.tj-countup-section {
  position: relative;
  background-color: var(--tj-color-theme-primary);
}
@media (max-width: 575px) {
  .tj-countup-section .container {
    padding: 0;
  }
}

.countup-wrap {
  display: flex;
  flex-wrap: wrap;
}

.countup-item {
  display: flex;
  flex-direction: column;
  width: 25%;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  padding: 35px 50px 60px 50px;
  background-repeat: no-repeat;
  background-position: center;
}
.countup-item:first-child {
  border-left: 0;
  padding-left: 0;
}
@media (max-width: 575px) {
  .countup-item:first-child {
    border: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .countup-item {
    padding: 35px 30px 60px 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .countup-item {
    padding: 40px 30px 60px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .countup-item {
    width: 50%;
    padding: 43px 30px 60px 30px;
  }
  .countup-item:nth-child(3) {
    border-left: 0;
    padding-left: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
  }
  .countup-item:nth-child(4) {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
  }
}
@media (max-width: 575px) {
  .countup-item {
    width: 100%;
    padding: 45px 0 60px 0;
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    text-align: center;
  }
}

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

.count-text {
  color: var(--tj-color-common-white);
  display: block;
  margin-bottom: 19px;
}

.count-dots {
  display: inline-flex;
  gap: 5px;
}
.count-dots span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--tj-color-common-white);
  display: block;
}
@media (max-width: 575px) {
  .count-dots {
    margin: 0 auto;
  }
}

/* !END: Countup CSS */
/**----------------------------------------
START: Working process CSS
----------------------------------------*/
.tj-working-process {
  position: relative;
  background-color: var(--tj-color-theme-bg);
  background-blend-mode: luminosity;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-working-process .heading-wrap-content .btn-wrap {
    margin-top: 0;
  }
}
.tj-working-process .content-wrap {
  margin-bottom: 45px;
}

.working-process-area {
  display: flex;
  flex-wrap: wrap;
  gap: 185px;
  counter-reset: steps;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .working-process-area {
    gap: 110px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .working-process-area {
    gap: 85px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .working-process-area {
    gap: 80px;
  }
}

.process-item {
  max-width: 308px;
  width: 100%;
  background-color: var(--tj-color-common-white);
  padding: 45px 28px 40px 28px;
  text-align: center;
  position: relative;
  z-index: 2;
}
.process-item .process-icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: var(--tj-color-common-black);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 34px;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.process-item .process-icon i {
  font-size: 40px;
  color: var(--tj-color-common-white);
  display: inline-flex;
  line-height: 1;
}
.process-item .process-icon::after {
  counter-increment: steps;
  content: "0" counter(steps);
  width: 28px;
  height: 28px;
  background-color: var(--tj-color-common-white);
  border: 1px dotted var(--tj-color-common-black);
  border-radius: 50%;
  font-size: 14px;
  line-height: 26px;
  font-weight: var(--tj-fw-bold);
  position: absolute;
  top: -8px;
  right: -6px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .process-item .process-icon {
    margin-bottom: 20px;
  }
}
.process-item .title {
  text-transform: uppercase;
  margin-bottom: 28px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .process-item .title {
    margin-bottom: 10px;
  }
}
.process-item .desc {
  margin: 0;
}
.process-item:not(:last-child)::before {
  content: "";
  width: 100%;
  height: 1px;
  border-bottom: 2px dotted var(--tj-color-grey-1);
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  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) {
  .process-item:not(:last-child)::before {
    transform: translate(-50%, 0) rotate(90deg);
    top: inherit;
    right: inherit;
    bottom: -51px;
    left: 50%;
    width: 100px;
  }
}
.process-item:not(:last-child)::after {
  content: "\e92f";
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 1;
  font-family: "gripz-icons" !important;
  font-weight: normal;
  position: absolute;
  right: -35%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .process-item:not(:last-child)::after {
    right: -25%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .process-item:not(:last-child)::after {
    right: -25%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .process-item:not(:last-child)::after {
    transform: translate(-50%, 0) rotate(90deg);
    top: inherit;
    right: inherit;
    bottom: -48px;
    left: 50%;
  }
}
.process-item:hover .process-icon {
  background-color: var(--tj-color-theme-primary);
}
.process-item:hover .process-icon i {
  animation: jump-arrow 0.5s ease-in-out;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .process-item {
    max-width: 298px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .process-item {
    max-width: 255px;
    padding: 35px 18px 35px 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .process-item {
    max-width: 100%;
    padding: 35px 15px 30px 15px;
  }
}

.working-process-wrap {
  padding-top: 120px;
  padding-bottom: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .working-process-wrap {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .working-process-wrap {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .working-process-wrap .content-wrap {
    margin-bottom: 30px;
  }
}

.tj-faq.style-3 {
  max-width: 460px;
  width: 100%;
  padding: 0;
  counter-reset: steps;
}
.tj-faq.style-3 .accordion-item {
  background: transparent;
  border: none;
  border-left: 4px solid var(--tj-color-border-1);
  padding-left: 20px;
  margin-bottom: 0;
}
.tj-faq.style-3 .accordion-item .faq-title {
  padding-right: 0;
  padding-left: 27px;
  color: var(--tj-color-heading-primary);
}
.tj-faq.style-3 .accordion-item .faq-title::after {
  display: none;
}
.tj-faq.style-3 .accordion-item .faq-title::before {
  counter-increment: steps;
  content: "0" counter(steps) ".";
  font-size: 14px;
  line-height: 1;
  font-weight: var(--tj-fw-medium);
  position: absolute;
  top: 50%;
  left: 0;
  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-faq.style-3 .accordion-item .faq-title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-faq.style-3 .accordion-item .faq-title {
    font-size: 18px;
  }
}
.tj-faq.style-3 .accordion-item .accordion-body {
  padding: 0 0 23px 27px;
}
.tj-faq.style-3 .accordion-item.active {
  border-color: var(--tj-color-theme-primary);
}
.tj-faq.style-3 .accordion-item.active .faq-title::before {
  color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-faq.style-3 .accordion-item {
    padding-left: 10px;
  }
}

.working-img-area {
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  height: 100%;
}
.working-img-area .circle-text-wrap.video-btn {
  right: inherit;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .working-img-area .circle-text-wrap.video-btn {
    width: 130px;
    height: 130px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .working-img-area {
    position: relative;
    width: 100%;
    min-height: 500px;
  }
}

.working-img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
.working-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* !END: Working process CSS */
/**----------------------------------------
START: Color palette CSS
----------------------------------------*/
.tj-color-palette-section .sec-heading {
  max-width: 550px;
}

.color-palette-wrapper {
  position: relative;
}
.color-palette-wrapper .color-palette-navigation {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  width: 100%;
  justify-content: space-between;
  transition: all 0.5s;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .color-palette-wrapper .color-palette-navigation {
    top: 105px;
    height: 0;
  }
}
.color-palette-wrapper .slider-prev {
  margin-top: -100px;
  margin-left: -24px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .color-palette-wrapper .slider-prev {
    margin-top: -75px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .color-palette-wrapper .slider-prev {
    margin-top: 0;
    margin-left: 0;
  }
}
.color-palette-wrapper .slider-next {
  margin-top: -100px;
  margin-right: -24px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .color-palette-wrapper .slider-next {
    margin-top: -75px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .color-palette-wrapper .slider-next {
    margin-top: 0;
    margin-right: 0;
  }
}

/* Tabs */
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .color-palette-slider .tab-content > .tab-pane {
    min-height: 250px;
  }
  .color-palette-slider .tab-content > .tab-pane img {
    height: 250px;
    width: 100%;
    object-fit: cover;
  }
}
.color-palette-slider .nav {
  padding: 30px 0;
  border-bottom: 1px dashed var(--tj-color-border-1);
  gap: 292px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .color-palette-slider .nav {
    gap: 200px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .color-palette-slider .nav {
    gap: 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .color-palette-slider .nav {
    gap: 100px;
    padding: 20px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .color-palette-slider .nav {
    padding: 20px 0;
    gap: 20px;
  }
}
.color-palette-slider .nav-item:not(:last-child) {
  position: relative;
}
.color-palette-slider .nav-item:not(:last-child)::after {
  content: "";
  display: inline-block;
  position: absolute;
  right: -146px;
  top: 0;
  width: 1px;
  height: 100%;
  border-right: 1px dashed var(--tj-color-border-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .color-palette-slider .nav-item:not(:last-child)::after {
    right: -100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .color-palette-slider .nav-item:not(:last-child)::after {
    right: -75px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .color-palette-slider .nav-item:not(:last-child)::after {
    right: -50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .color-palette-slider .nav-item:not(:last-child)::after {
    display: none;
  }
}
.color-palette-slider .nav-link {
  background-color: transparent;
  color: var(--tj-color-common-black);
  text-align: left;
  padding: 0;
}
.color-palette-slider .nav-link.active .color-palette-name::after {
  opacity: 1;
  visibility: visible;
}

.color-palette-name {
  display: flex;
  position: relative;
  gap: 8px;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-medium);
  letter-spacing: -0.4px;
}
.color-palette-name::before {
  content: "";
  display: inline-block;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  border: 1px solid var(--tj-color-common-black);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .color-palette-name::before {
    width: 18px;
    height: 18px;
  }
}
.color-palette-name::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 5px;
  top: 5px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: var(--tj-color-common-black);
  opacity: 0;
  visibility: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .color-palette-name::after {
    width: 10px;
    height: 10px;
    top: 4px;
    left: 4px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .color-palette-name {
    font-size: 14px;
    margin-bottom: 10px;
    gap: 5px;
  }
}

.colors {
  display: flex;
  gap: 10px;
}

.color {
  width: 46px;
  height: 46px;
}
.color-1 {
  background-color: #f68109;
}
.color-2 {
  background-color: #ffb123;
}
.color-3 {
  background-color: #141415;
}
.color-4 {
  background-color: #e64a4d;
}
.color-5 {
  background-color: #100c0d;
}
.color-6 {
  background-color: #d9bcbc;
}
.color-7 {
  background-color: #1b7bd2;
}
.color-8 {
  background-color: #bed5ea;
}
.color-9 {
  background-color: #ecca57;
}
.color-10 {
  background-color: #a37510;
}
.color-11 {
  background-color: #483e2f;
}
.color-12 {
  background-color: #ec8258;
}
.color-13 {
  background-color: #a33210;
}
.color-14 {
  background-color: #483630;
}
.color-15 {
  background-color: #7ae5c1;
}
.color-16 {
  background-color: #21735d;
}
.color-17 {
  background-color: #2c3c37;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .color {
    width: 30px;
    height: 30px;
  }
}

/* !END: Color palette CSS */
/**----------------------------------------
START: Contact CSS
----------------------------------------*/
.tj-contact-section {
  background-color: var(--tj-color-theme-bg);
  background-blend-mode: luminosity;
  position: relative;
}
.tj-contact-section .sec-heading {
  max-width: 465px;
  margin-inline-start: 0;
  margin-inline-end: 0;
}

.map-area {
  max-width: 587px;
  width: 100%;
  position: relative;
}
.map-area iframe {
  width: 100%;
  min-height: 387px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  display: block;
}
.map-area .contact-info {
  background-color: var(--tj-color-common-black);
  position: absolute;
  max-width: 211px;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 10px 20px 10px 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) {
  .map-area {
    max-width: 100%;
    margin-bottom: 40px;
  }
}
.map-area.map-2 {
  max-width: 100%;
  height: 100%;
}
.map-area.map-2 iframe {
  height: 100%;
}

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

.contact-form {
  background-color: var(--tj-color-common-white);
  max-width: 594px;
  margin-inline-start: auto;
  padding: 43px 30px 50px;
}
.contact-form .form-input {
  margin-bottom: 27px;
}
.contact-form .form-input.message-input {
  margin-top: 74px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .contact-form .form-input.message-input {
    margin-top: 65px;
  }
}
.contact-form .form-input label {
  font-size: 14px;
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-medium);
  color: var(--tj-color-common-black);
  text-transform: uppercase;
}
.contact-form .form-input label span {
  color: var(--tj-color-theme-primary);
}
.contact-form .form-input textarea,
.contact-form .form-input select,
.contact-form .form-input .nice-select,
.contact-form .form-input input[type=tel],
.contact-form .form-input input[type=text],
.contact-form .form-input input[type=email] {
  background-color: transparent;
  color: var(--tj-color-common-black);
  padding: 11px 0;
  border: 0;
  border-bottom: 1px dashed var(--tj-color-border-2);
}
.contact-form .form-input textarea::-webkit-input-placeholder,
.contact-form .form-input select::-webkit-input-placeholder,
.contact-form .form-input .nice-select::-webkit-input-placeholder,
.contact-form .form-input input[type=tel]::-webkit-input-placeholder,
.contact-form .form-input input[type=text]::-webkit-input-placeholder,
.contact-form .form-input input[type=email]::-webkit-input-placeholder {
  color: var(--tj-color-text-body-2);
}
.contact-form .form-input textarea:-moz-placeholder,
.contact-form .form-input select:-moz-placeholder,
.contact-form .form-input .nice-select:-moz-placeholder,
.contact-form .form-input input[type=tel]:-moz-placeholder,
.contact-form .form-input input[type=text]:-moz-placeholder,
.contact-form .form-input input[type=email]:-moz-placeholder {
  color: var(--tj-color-text-body-2);
}
.contact-form .form-input textarea::-moz-placeholder,
.contact-form .form-input select::-moz-placeholder,
.contact-form .form-input .nice-select::-moz-placeholder,
.contact-form .form-input input[type=tel]::-moz-placeholder,
.contact-form .form-input input[type=text]::-moz-placeholder,
.contact-form .form-input input[type=email]::-moz-placeholder {
  color: var(--tj-color-text-body-2);
}
.contact-form .form-input textarea:-ms-input-placeholder,
.contact-form .form-input select:-ms-input-placeholder,
.contact-form .form-input .nice-select:-ms-input-placeholder,
.contact-form .form-input input[type=tel]:-ms-input-placeholder,
.contact-form .form-input input[type=text]:-ms-input-placeholder,
.contact-form .form-input input[type=email]:-ms-input-placeholder {
  color: var(--tj-color-text-body-2);
}
.contact-form .form-input textarea::placeholder,
.contact-form .form-input select::placeholder,
.contact-form .form-input .nice-select::placeholder,
.contact-form .form-input input[type=tel]::placeholder,
.contact-form .form-input input[type=text]::placeholder,
.contact-form .form-input input[type=email]::placeholder {
  color: var(--tj-color-text-body-2);
}
.contact-form .form-input textarea:focus,
.contact-form .form-input select:focus,
.contact-form .form-input .nice-select:focus,
.contact-form .form-input input[type=tel]:focus,
.contact-form .form-input input[type=text]:focus,
.contact-form .form-input input[type=email]:focus {
  border-color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .contact-form .form-input textarea,
  .contact-form .form-input select,
  .contact-form .form-input .nice-select,
  .contact-form .form-input input[type=tel],
  .contact-form .form-input input[type=text],
  .contact-form .form-input input[type=email] {
    padding: 6px 0 10px;
  }
}
.contact-form .form-input .nice-select {
  color: var(--tj-color-text-body-2);
  line-height: 1.5;
  border-radius: 0;
}
.contact-form .form-input .nice-select .list {
  width: 100%;
  border-radius: 0;
}
.contact-form .form-input .nice-select .list .option:hover, .contact-form .form-input .nice-select .list .option.focus {
  background: var(--tj-color-theme-primary);
  color: var(--tj-color-common-black);
}
.contact-form .form-input .nice-select::after {
  width: 9px;
  height: 9px;
  right: 5px;
  border-width: 1px;
  border-color: var(--tj-color-common-black);
}
.contact-form .form-input textarea {
  height: 134px;
  resize: none;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .contact-form .form-input {
    margin-bottom: 20px;
  }
}
.contact-form .tj-primary-btn {
  width: 100%;
}
.contact-form .tj-primary-btn::after {
  width: 100%;
  padding-left: 0;
  padding-right: 22px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .contact-form {
    max-width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .contact-form {
    padding: 25px 20px 30px;
  }
}
.contact-form.style-2 {
  max-width: 100%;
  background-color: var(--tj-color-theme-bg);
  background-blend-mode: luminosity;
  margin-inline-start: 0;
  margin-inline-end: 15px;
  padding: 50px 50px 60px;
}
.contact-form.style-2 .title {
  text-transform: uppercase;
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .contact-form.style-2 .title {
    margin-bottom: 20px;
  }
}
.contact-form.style-2 .form-input {
  margin-bottom: 27px;
  position: relative;
}
.contact-form.style-2 .form-input.message-input {
  margin-top: 0;
}
@media (max-width: 575px) {
  .contact-form.style-2 .form-input.message-input {
    margin-top: 20px;
  }
}
.contact-form.style-2 .form-input label {
  position: absolute;
  top: 10px;
  left: 0;
  pointer-events: none;
}
.contact-form.style-2 .form-input textarea,
.contact-form.style-2 .form-input input[type=tel],
.contact-form.style-2 .form-input input[type=text],
.contact-form.style-2 .form-input input[type=email] {
  padding: 11px 0;
}
.contact-form.style-2 .form-input textarea:focus ~ label,
.contact-form.style-2 .form-input input[type=tel]:focus ~ label,
.contact-form.style-2 .form-input input[type=text]:focus ~ label,
.contact-form.style-2 .form-input input[type=email]:focus ~ label {
  visibility: hidden;
  opacity: 0;
}
.contact-form.style-2 .form-input .nice-select {
  font-size: 14px;
  color: var(--tj-color-heading-primary);
  font-weight: var(--tj-fw-medium);
  font-family: var(--tj-ff-heading);
  text-transform: uppercase;
  padding: 11px 0;
  height: 47px;
}
.contact-form.style-2 .form-input .nice-select::after {
  top: 20px;
}
.contact-form.style-2 .form-input textarea {
  height: 145px;
}
.contact-form.style-2 .tj-primary-btn {
  max-width: 161px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .contact-form.style-2 {
    margin-inline-end: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .contact-form.style-2 {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .contact-form.style-2 {
    padding: 35px 20px 40px;
  }
}

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

/* !END: Contact CSS */
/**----------------------------------------
START: Theme Slider CSS
----------------------------------------*/
.tj-slider-section {
  background: var(--tj-color-grey-2);
  position: relative;
  z-index: 1;
}
.tj-slider-section .banner-scroll {
  left: 60px;
  bottom: 60px;
}
.tj-slider-section .banner-scroll .scroll-down {
  color: var(--tj-color-common-white);
}
.tj-slider-section .banner-scroll .scroll-down span {
  border-color: var(--tj-color-common-white);
}
.tj-slider-section .banner-scroll .scroll-down span::before {
  background-color: var(--tj-color-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-slider-section .banner-scroll {
    left: 27px;
  }
}
@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 .banner-scroll {
    left: 12px;
  }
}

.tj-slider-item {
  min-height: 90vh;
  position: relative;
  z-index: 1;
}
.tj-slider-item::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: rgba(0, 0, 0, 0.48);
}
.tj-slider-item .slider-wrapper {
  padding: 184px 0 150px;
  position: relative;
  z-index: 3;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .tj-slider-item .slider-wrapper {
    padding-left: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tj-slider-item .slider-wrapper {
    padding: 134px 0 150px 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-slider-item .slider-wrapper {
    padding: 134px 0 150px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-slider-item .slider-wrapper {
    padding: 108px 0 150px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-slider-item .slider-wrapper {
    padding: 85px 0 150px 0;
  }
}
.tj-slider-item .slider-content {
  max-width: 830px;
}
.tj-slider-item .slider-content .slider-title {
  font-size: 84px;
  line-height: 1.048;
  letter-spacing: -1.68px;
  text-transform: uppercase;
  color: var(--tj-color-common-white);
  margin-bottom: 24px;
  padding-bottom: 25px;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
}
.tj-slider-item .slider-content .slider-title img {
  max-width: 188px;
  border-radius: 50px;
  border: 4px solid var(--tj-color-theme-primary);
  vertical-align: top;
  margin-top: 5px;
  display: inline-flex;
  overflow: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-slider-item .slider-content .slider-title img {
    max-width: 165px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-slider-item .slider-content .slider-title img {
    max-width: 140px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-slider-item .slider-content .slider-title img {
    max-width: 105px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), 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), (max-width: 575px) {
  .tj-slider-item .slider-content .slider-title {
    font-size: 50px;
  }
}
.tj-slider-item .slider-content .slider-desc {
  font-size: 18px;
  line-height: 1.444;
  color: var(--tj-color-common-white);
}
.tj-slider-item .slider-content .slider-btn {
  margin-top: 35px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-slider-item .slider-content .slider-btn {
    margin-top: 25px;
  }
}

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

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

.swiper .hero-pagination {
  position: absolute;
  bottom: 60px;
  left: 0;
  right: 0;
  max-width: 1320px;
  z-index: 5;
  line-height: 0;
  padding: 0 12px;
  margin: auto;
  margin-top: 50px;
}
.swiper .hero-pagination .swiper-pagination-bullet {
  width: 36px;
  height: 5px;
  background-color: transparent;
  border-radius: 0;
  opacity: 1;
  position: relative;
  margin: 0 4px;
}
.swiper .hero-pagination .swiper-pagination-bullet:first-child {
  margin-left: 0;
}
.swiper .hero-pagination .swiper-pagination-bullet::after, .swiper .hero-pagination .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: var(--tj-color-common-white);
  opacity: 0.3;
  z-index: 5;
  transition: all 0.3s linear;
}
.swiper .hero-pagination .swiper-pagination-bullet::after {
  width: 0;
  opacity: 1;
}
.swiper .hero-pagination .swiper-pagination-bullet-active::after {
  width: 100%;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .swiper .hero-pagination .swiper-pagination-bullet {
    width: 25px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .swiper .hero-pagination {
    left: 92px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .swiper .hero-pagination {
    max-width: 1140px;
    left: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .swiper .hero-pagination {
    max-width: 960px;
    left: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .swiper .hero-pagination {
    max-width: 720px;
    left: 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .swiper .hero-pagination {
    max-width: 540px;
  }
}

.hero-navigation {
  position: absolute;
  right: 60px;
  top: 50%;
  width: 48px;
  z-index: 5;
  transform: translateY(-50%);
}
.hero-navigation .slider-next,
.hero-navigation .slider-prev {
  background-color: transparent;
}
.hero-navigation .slider-next .anim-icon i,
.hero-navigation .slider-prev .anim-icon i {
  color: var(--tj-color-common-white);
}
.hero-navigation .slider-next .anim-icon i:last-child,
.hero-navigation .slider-prev .anim-icon i:last-child {
  color: var(--tj-color-common-black);
}
.hero-navigation .slider-next:hover,
.hero-navigation .slider-prev:hover {
  border-color: var(--tj-color-common-white);
  background-color: var(--tj-color-common-white);
}
.hero-navigation .slider-prev {
  margin-top: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .hero-navigation {
    right: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-navigation {
    right: 27px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .hero-navigation {
    right: 12px;
    top: inherit;
    bottom: 60px;
    transform: translate(0);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .hero-navigation {
    width: 40px;
  }
}

/* !END: Slider CSS */
/**----------------------------------------
START: Team CSS
----------------------------------------*/
.tj-team-section {
  background-color: var(--tj-color-theme-bg);
  background-blend-mode: luminosity;
  padding-top: 120px;
  padding-bottom: 90px;
}
.tj-team-section .sec-heading {
  max-width: 550px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-team-section {
    padding-top: 100px;
    padding-bottom: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-team-section {
    padding-top: 70px;
    padding-bottom: 40px;
  }
}
.tj-team-section.team-2 {
  background-color: var(--tj-color-common-white);
}
.tj-team-section.team-2 .heading-wrap-content .btn-wrap {
  margin: 25px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-team-section.team-2 .heading-wrap-content .btn-wrap {
    margin: 0;
  }
}

.team-item {
  position: relative;
  margin-bottom: 30px;
}
.team-item .team-img {
  position: relative;
  overflow: hidden;
}
.team-item .team-img img {
  width: 100%;
  transition: all 0.3s linear;
}
.team-item .social-links {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 31px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
  transform: translateX(100px);
}
.team-item .social-links ul {
  padding: 0;
  flex-direction: column;
}
.team-item .social-links ul li a {
  width: 31px;
  height: 31px;
  font-size: 14px;
  border-color: var(--tj-color-common-white);
}
.team-item .team-content {
  padding-top: 18px;
}
.team-item .title {
  text-transform: uppercase;
  margin-bottom: 0;
}
.team-item .title a {
  display: inline-block;
}
.team-item .title a:hover {
  color: var(--tj-color-theme-primary);
}
.team-item .designation {
  font-size: 14px;
  line-height: 1;
  display: inline-flex;
}
.team-item:hover img {
  transform: scale(1.1);
}
.team-item:hover .social-links {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

/* !END: Team CSS */
/**----------------------------------------
START: Before After CSS
----------------------------------------*/
.tj-before-after-section .content-wrap {
  padding-left: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-before-after-section .content-wrap {
    padding-left: 0;
    margin-bottom: 50px;
  }
}

.tj-before-after-wrapper {
  max-width: 606px;
  width: 100%;
  overflow: hidden;
}
.tj-before-after-wrapper::before {
  content: "Before";
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: var(--tj-color-common-black);
  z-index: 2;
  background: var(--tj-color-common-white);
  padding: 5px 7px;
  font-weight: var(--tj-fw-sbold);
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  cursor: pointer;
}
.tj-before-after-wrapper::after {
  content: "After";
  position: absolute;
  bottom: 15px;
  right: 15px;
  color: var(--tj-color-common-black);
  z-index: 1;
  background: var(--tj-color-common-white);
  padding: 5px 7px;
  font-weight: var(--tj-fw-sbold);
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  cursor: pointer;
}
.tj-before-after-wrapper img {
  max-width: inherit;
  height: 454px;
  object-fit: cover;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-before-after-wrapper img {
    height: 420px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-before-after-wrapper img {
    height: 480px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tj-before-after-wrapper img {
    height: 375px;
  }
}
@media (max-width: 575px) {
  .tj-before-after-wrapper img {
    height: 320px;
  }
}
.tj-before-after-wrapper div:nth-of-type(3) div div {
  background: var(--tj-color-common-black) !important;
}
.tj-before-after-wrapper div:nth-of-type(3) div div span {
  position: relative;
  z-index: 1;
}
.tj-before-after-wrapper div:nth-of-type(3) div div span::before {
  content: "\f0de";
  position: absolute;
  top: -4px;
  left: -29px;
  font-family: var(--tj-ff-fontawesome);
  color: var(--tj-color-common-white);
  font-size: 19px;
  transform: translate(0%, -50%);
  font-weight: bold;
  rotate: 90deg;
}
.tj-before-after-wrapper div:nth-of-type(3) div div span::after {
  content: "\f0dd";
  position: absolute;
  top: -4px;
  left: 20px;
  font-family: var(--tj-ff-fontawesome);
  color: var(--tj-color-common-white);
  rotate: 90deg;
  transform: translate(0, 50%);
  font-size: 19px;
  font-weight: bold;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tj-before-after-wrapper::before {
    left: 30px;
  }
  .tj-before-after-wrapper::after {
    right: 30px;
  }
}
@media (max-width: 575px) {
  .tj-before-after-wrapper::before {
    left: 15px;
    font-size: 16px;
    padding: 3px 15px;
  }
  .tj-before-after-wrapper::after {
    right: 15px;
    font-size: 16px;
    padding: 3px 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-before-after-wrapper {
    max-width: 100%;
  }
}

/* !END: Before After CSS */
/**----------------------------------------
START: Breadcrumb CSS
----------------------------------------*/
.tj-page-header {
  padding-top: 130px;
  padding-bottom: 140px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: var(--tj-color-theme-dark);
  position: relative;
  overflow: hidden;
  z-index: 2;
}
.tj-page-header::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.64);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-page-header {
    padding-top: 90px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-page-header {
    padding-top: 60px;
    padding-bottom: 70px;
  }
}
.tj-page-title {
  color: var(--tj-color-common-white);
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 0;
}
.tj-page-link {
  margin-top: 40px;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  border-radius: 50px;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(40px);
  padding: 8px 15px;
  z-index: 2;
}
.tj-page-link span {
  color: var(--tj-color-common-white);
  font-size: 16px;
  position: relative;
  display: inline-block;
  line-height: 1;
}
.tj-page-link span i {
  display: inline-flex;
  line-height: 1;
  font-size: 18px;
  color: var(--tj-color-theme-primary);
}
.tj-page-link span a {
  color: var(--tj-color-grey-1);
}
.tj-page-link span a:hover {
  color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-page-link {
    margin-top: 25px;
  }
}

/* !END: Breadcrumb CSS */
/**----------------------------------------
START: Achievement CSS
----------------------------------------*/
.tj-achievement-section {
  background-color: var(--tj-color-theme-bg);
  background-blend-mode: luminosity;
}
.tj-achievement-section .sec-heading {
  max-width: 550px;
}

.achievement-slider {
  position: relative;
}
.achievement-slider::before {
  content: "";
  position: absolute;
  top: 62px;
  left: 0;
  width: 100%;
  border-bottom: 1px dashed var(--tj-color-border-2);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .achievement-slider::before {
    top: 55px;
  }
}
.achievement-slider .swiper-slide-active .achievement-year span {
  background-color: var(--tj-color-theme-primary);
}
.achievement-slider .swiper-slide-active .achievement-year span::before {
  background-color: var(--tj-color-common-black);
}

.achievement-year {
  font-family: var(--tj-ff-heading);
  font-weight: var(-tj-fw-medium);
  font-size: 24px;
  line-height: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.achievement-year span {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: var(--tj-color-common-black);
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 27px 0;
}
.achievement-year span::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .achievement-year span {
    margin: 20px 0;
  }
}

.achievement-content {
  background-color: var(--tj-color-common-white);
  padding: 33px 27px;
  height: 100%;
  margin-top: 20px;
  position: relative;
}
.achievement-content .title {
  text-transform: uppercase;
  margin-bottom: 23px;
}
.achievement-content .desc p {
  margin-bottom: 0;
}
.achievement-content .read-more {
  margin-top: 27px;
}
.achievement-content::before {
  content: "";
  position: absolute;
  top: -16px;
  left: 50%;
  width: 0;
  height: 0;
  border-left: 17px solid transparent;
  border-right: 17px solid transparent;
  border-bottom: 18px solid var(--tj-color-common-white);
  transform: translateX(-50%);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .achievement-content {
    padding: 30px 20px;
    margin-top: 15px;
  }
}

/* !END: Achievement CSS */
/**----------------------------------------
START: Pricing CSS
----------------------------------------*/
.tj-pricing-section .sec-heading {
  max-width: 550px;
}
.tj-pricing-section .heading-wrap-content .desc {
  max-width: 32%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-pricing-section .heading-wrap-content .desc {
    max-width: 40%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-pricing-section .heading-wrap-content .desc {
    max-width: 100%;
  }
}

.pricing-box {
  padding: 37px 30px 40px;
  border: 1px dashed var(--tj-color-border-1);
}
.pricing-box .check-list ul {
  list-style: none;
}
.pricing-box .check-list ul li {
  display: flex;
  padding-bottom: 16px;
}
.pricing-box .check-list ul li:last-child {
  padding-bottom: 0;
}
.pricing-box .check-list ul li i {
  font-size: 18px;
}
.pricing-box.active {
  background-color: var(--tj-color-theme-bg);
  background-blend-mode: luminosity;
  border: none;
  border-top: 2px solid var(--tj-color-theme-primary);
}
.pricing-box.active .pricing-btn a {
  background-color: var(--tj-color-theme-primary);
  border-color: var(--tj-color-theme-primary);
}
.pricing-box.active .pricing-btn a span {
  color: var(--tj-color-common-white);
  text-shadow: 0 60px 0 var(--tj-color-common-white);
}

.package-name {
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 6px;
}
.package-desc p {
  margin-bottom: 0;
}
.package-price {
  display: flex;
  font-size: 64px;
  color: var(--tj-color-heading-primary);
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-medium);
  line-height: 0.72;
  margin: 35px 0 40px;
}
.package-currency {
  font-size: 24px;
}
.package-period {
  font-size: 16px;
  font-weight: var(--tj-fw-regular);
  color: var(--tj-color-text-body-2);
  margin-top: auto;
}

.pricing-btn {
  overflow: hidden;
  margin-bottom: 35px;
}
.pricing-btn a {
  display: block;
  line-height: 1;
  text-align: center;
  border: 1px solid var(--tj-color-common-black);
  padding: 19px;
}
.pricing-btn a span {
  display: inline-flex;
  line-height: 1;
  color: var(--tj-color-common-black);
  text-shadow: 0 60px 0 var(--tj-color-common-black);
}
.pricing-btn a .btn-text {
  text-transform: uppercase;
  font-weight: var(--tj-fw-sbold);
}
.pricing-btn a .btn-icon {
  font-size: 12px;
}
.pricing-btn a:hover span {
  transform: translateY(-60px);
}

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

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

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

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

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

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

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

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

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

.tj-main-sidebar {
  padding-left: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-main-sidebar {
    padding-left: 0;
  }
}

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

.tagcloud {
  display: flex;
  flex-wrap: wrap;
  column-gap: 8px;
  row-gap: 12px;
}
.tagcloud a {
  background-color: var(--tj-color-common-white);
  font-size: 14px;
  text-transform: uppercase;
  line-height: 1;
  color: var(--tj-color-text-body-2);
  font-weight: var(--tj-fw-bold);
  padding: 6px 10px;
  display: inline-flex;
  overflow: hidden;
}
.tagcloud a:hover {
  background-color: var(--tj-color-theme-primary);
  color: var(--tj-color-common-white);
}

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

.widget-feature-item {
  padding: 20px;
}
.widget-feature-item .feature-box {
  position: relative;
  background: var(--tj-color-common-black);
  overflow: hidden;
}
.widget-feature-item .feature-box .feature-content {
  padding: 35px 28px 0;
}
.widget-feature-item .feature-box .feature-content .title {
  font-size: 48.5px;
  text-transform: uppercase;
  color: var(--tj-color-common-white);
  margin-bottom: 30px;
  line-height: 0.8;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .widget-feature-item .feature-box .feature-content .title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .widget-feature-item .feature-box .feature-content .title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .widget-feature-item .feature-box .feature-content .title {
    font-size: 60px;
  }
}
@media (max-width: 575px) {
  .widget-feature-item .feature-box .feature-content .title {
    font-size: 60px;
    margin-bottom: 20px;
  }
}
.widget-feature-item .feature-box .feature-content span {
  display: block;
  font-size: 20px;
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-medium);
  color: var(--tj-color-common-white);
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 30px;
}
@media (max-width: 575px) {
  .widget-feature-item .feature-box .feature-content span {
    margin-bottom: 20px;
  }
}
.widget-feature-item .feature-box .feature-content .feature-contact {
  background-color: var(--tj-color-theme-primary);
  padding: 10px 12px 10px;
  border-radius: 50px;
  line-height: 1;
  margin: 0;
}
.widget-feature-item .feature-box .feature-content .feature-contact span {
  color: var(--tj-color-common-white);
  font-size: 18px;
  font-weight: var(--tj-fw-regular);
  margin: 0;
  text-shadow: 0 30px 0 var(--tj-color-common-white);
}
.widget-feature-item .feature-box .feature-content .feature-contact i {
  color: var(--tj-color-common-white);
  font-size: 20px;
  text-shadow: 0 30px 0 var(--tj-color-common-white);
  margin-right: 6px;
  margin-left: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .widget-feature-item .feature-box .feature-content {
    padding: 30px 22px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .widget-feature-item .feature-box .feature-content {
    padding: 30px 18px 0;
  }
}
@media (max-width: 575px) {
  .widget-feature-item .feature-box {
    max-width: 360px;
    margin: 0 auto;
  }
}
@media (max-width: 400px) {
  .widget-feature-item .feature-box {
    max-width: 320px;
    margin: 0 auto;
  }
}
.widget-feature-item .feature-images {
  position: relative;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 400px;
  z-index: 1;
  background-size: 164%;
  background-position: 41% 16%;
  background-repeat: no-repeat;
  clip-path: polygon(0 58%, 100% 0%, 100% 100%, 0% 100%);
  margin-top: -60px;
}
.widget-feature-item .feature-images::before {
  content: "";
  position: absolute;
  width: 6px;
  height: calc(100% + 50px);
  top: -108px;
  left: 50%;
  background: var(--tj-color-theme-primary);
  z-index: -1;
  transform: rotate(57deg);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .widget-feature-item .feature-images::before {
    top: -88px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .widget-feature-item .feature-images::before {
    top: -75px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .widget-feature-item .feature-images::before {
    top: -248px;
    height: calc(100% + 300px);
    transform: rotate(73deg);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .widget-feature-item .feature-images::before {
    top: -182px;
    height: calc(100% + 200px);
    transform: rotate(64deg);
  }
}
@media (max-width: 400px) {
  .widget-feature-item .feature-images::before {
    top: -84px;
    transform: rotate(58deg);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .widget-feature-item .feature-images {
    clip-path: polygon(0 58%, 100% 10%, 100% 100%, 0% 100%);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .widget-feature-item .feature-images {
    clip-path: polygon(0 58%, 100% 17%, 100% 100%, 0% 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .widget-feature-item .feature-images {
    clip-path: polygon(0 50%, 100% 0%, 100% 100%, 0% 100%);
  }
}
@media (max-width: 400px) {
  .widget-feature-item .feature-images {
    clip-path: polygon(0 60%, 100% 10%, 100% 100%, 0% 100%);
  }
}
@media (max-width: 575px) {
  .widget-feature-item {
    padding: 20px 15px;
  }
}

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

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

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

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

/* !END: Blog Details CSS */
/**----------------------------------------
START: Animate CSS
----------------------------------------*/
@keyframes sticky {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@keyframes pulse {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0.8);
  }
}
@keyframes jump-arrow {
  0% {
    transform: translateY(2px);
  }
  25% {
    transform: translateY(5px);
  }
  50% {
    transform: translateY(-6px);
  }
  75% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(2px);
  }
}
@keyframes linehover {
  0% {
    width: 100%;
  }
  50% {
    width: 0;
    right: 0;
  }
  100% {
    width: 100%;
    left: 0;
  }
}
@keyframes textrotate {
  0% {
    -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 rotates {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes gelatine {
  from, to {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(0.7, 1.1);
  }
  50% {
    transform: scale(1.1, 0.7);
  }
  75% {
    transform: scale(0.95, 1.05);
  }
}
@-webkit-keyframes borderanimate {
  0% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
  }
}
@-moz-keyframes borderanimate {
  0% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
  }
}
@-ms-keyframes borderanimate {
  0% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
  }
}
@keyframes borderanimate {
  0% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
  }
}
@keyframes bellshake {
  0% {
    transform: rotate(0);
  }
  15% {
    transform: rotate(5deg);
  }
  30% {
    transform: rotate(-5deg);
  }
  45% {
    transform: rotate(4deg);
  }
  60% {
    transform: rotate(-4deg);
  }
  75% {
    transform: rotate(2deg);
  }
  85% {
    transform: rotate(-2deg);
  }
  92% {
    transform: rotate(1deg);
  }
  100% {
    transform: rotate(0);
  }
}
@keyframes pulse-2 {
  0% {
    -webkit-box-shadow: 0 0 0 0px rgb(255, 255, 255);
    box-shadow: 0 0 0 0px rgb(255, 255, 255);
  }
  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 shine {
  0% {
    transform: skewX(-25deg) translateX(0);
  }
  100% {
    transform: skewX(-25deg) translateX(250%);
  }
}
/* !END: Animate CSS */

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