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

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

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


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

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

**********************************************/
/**----------------------------------------
START: Theme Default CSS
----------------------------------------*/
/* Targeting the specific service page content */
.post-details-wrapper article.post {
  color: #ffffff; /* Makes the text pure white */
  font-size: 1.25rem; /* Increases the base text size */
  line-height: 1.8; /* Improves readability for larger text */
}

/* Ensuring headings within the content are also white and stand out */
.post-details-wrapper article.post h1,
.post-details-wrapper article.post h2,
.post-details-wrapper article.post h3,
.post-details-wrapper article.post h4 {
  color: #ffffff;
  margin-bottom: 20px;
}

/* Targeting strong/bold text to ensure high visibility */
.post-details-wrapper article.post strong {
  color: #ffffff;
  font-weight: 700;
}


/* --- 1. Typography (Paragraphs) --- */
.blog-text p {
  font-size: 18px;            /* Increased from standard 16px */
  line-height: 1.8;           /* Extra space between lines for readability */
  margin-bottom: 1.5rem;      /* Space between paragraphs */
  color: #ffffff;                /* Dark grey for better contrast (Adjust if dark mode) */
}

/* For dark mode themes, use this color instead: */
/* .blog-text p { color: #d1d1d1; } */

/* --- 2. Global Image Attribute Reset --- */
.kg-card img,
.kg-image-card img {
  width: 100% !important;
  height: auto !important;
  max-width: 100%;
  display: block;
  border-radius: 8px;
}

/* --- 3. Image Card Layouts --- */
.kg-image-card {
  margin: 2.5rem 0;
}

/* Wide Image - Extends beyond text container */
.kg-width-wide {
  position: relative;
  width: 85vw !important;
  left: 50%;
  transform: translateX(-50%);
  margin: 3.5rem 0;
}

/* Full Width Image - Edge to edge */
.kg-width-full {
  position: relative;
  width: 100vw !important;
  left: 50%;
  transform: translateX(-50%);
  margin: 4rem 0;
}

.kg-width-full img {
  border-radius: 0 !important;
}

/* --- 4. Code Block Styling (KG-Code-Card) --- */
.kg-card.kg-code-card {
  margin: 2.5rem 0;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  background: #1e1e1e; 
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.kg-card.kg-code-card pre {
  margin: 0;
  padding: 24px;
  overflow-x: auto;
  font-family: 'Fira Code', 'Courier New', monospace;
  font-size: 14px;
  line-height: 1.7;
  color: #d4d4d4;
  white-space: pre;
}

/* Inline Code - e.g. `variable_name` inside a paragraph */
:not(pre) > code {
  background-color: rgba(255, 255, 255, 0.1);
  color: #e64a19; 
  padding: 2px 6px;
  border-radius: 4px;
  font-family: 'Fira Code', monospace;
  font-size: 0.92em;
  font-weight: 500;
}

/* --- 5. Captions (Shared for Images and Code) --- */
.kg-card figcaption {
  background: rgba(0, 0, 0, 0.03);
  padding: 12px 15px;
  font-size: 13px;
  font-style: italic;
  color: #777;
  text-align: center;
}

.kg-code-card figcaption {
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(255, 255, 255, 0.02);
}

/* --- 6. Custom Scrollbar for Code Blocks --- */
.kg-card.kg-code-card pre::-webkit-scrollbar {
  height: 6px;
}
.kg-card.kg-code-card pre::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 10px;
}

/* The Cool Link Style */
.kg-card figcaption a {
  color: #e64a19;              /* Your brand highlight color */
  text-decoration: none;
  font-family: 'Fira Code', monospace;
  font-weight: 500;
  transition: all 0.3s ease;
  display: inline-block;
  padding: 2px 8px;
  background: rgba(230, 74, 25, 0.1); /* Faint highlight box */
  border-radius: 4px;
  word-break: break-all;      /* Prevents long URLs from breaking layout */
}

.kg-card figcaption a:hover {
  color: #ffffff;
  background: #e64a19;        /* Inverts on hover */
  transform: translateY(-1px);
}

@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Manrope:wght@200..800&display=swap");
:root {
  /**
     @Font-Family Declaration
   */
  --tj-ff-body: 'Inter', sans-serif;;
  --tj-ff-heading: 'Manrope', sans-serif;;
  --tj-ff-fonticon: "shebanglabs-icon";
  /**
     @Font-weight Declaration
   */
  --tj-fw-normal: normal;
  --tj-fw-thin: 100;
  --tj-fw-elight: 200;
  --tj-fw-light: 300;
  --tj-fw-regular: 400;
  --tj-fw-medium: 500;
  --tj-fw-sbold: 600;
  --tj-fw-bold: 700;
  --tj-fw-ebold: 800;
  --tj-fw-black: 900;
  /**
     @Font-Size Declaration
   */
  --tj-fs-body: 16px;
  --tj-fs-p: 16px;
  --tj-fs-h1: 74px;
  --tj-fs-h2: 48px;
  --tj-fs-h3: 32px;
  --tj-fs-h4: 24px;
  --tj-fs-h5: 20px;
  --tj-fs-h6: 18px;
  /**
     @Color Declaration
   */
  --tj-color-common-white: #ffffff;
  --tj-color-common-black: #000000;
  --tj-color-common-black-2: #050505;
  --tj-color-heading-primary: #ffffff;
  --tj-color-text-body: #9299a5;
  --tj-color-text-body-2: #9299a5;
  --tj-color-theme-primary: #0079d8;
  --tj-color-theme-bg: #000000;
  --tj-color-theme-dark: #000000;
  --tj-color-theme-dark-2: #9299a5;
  --tj-color-theme-dark-3: #9299a5;
  --tj-color-white-2: rgba(255, 255, 255, 0.8);
  --tj-color-grey-1: #9299a5;
  --tj-color-grey-2: #9299a5;
  --tj-color-grey-3: rgba(146, 153, 165, 0.8);
  --tj-color-grey-4: rgba(250, 251, 251, 0.0784313725);
  --tj-color-border-1: #9299a5;
  --tj-color-border-2: rgba(0, 121, 216, 0.5019607843);
  --tj-color-accent-warning: #ffb938;
  --tj-color-accent-success: #a8f8a2;
}

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

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

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

a {
  text-decoration: none;
}

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

h2 {
  font-size: var(--tj-fs-h2);
  line-height: 1.167;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  h2 {
    font-size: 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;
}
@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.333;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  h4 {
    font-size: 20px;
  }
}

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

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

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

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

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

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

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

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

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

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

select,
.nice-select,
input[type=search],
input[type=tel],
input[type=text],
input[type=email],
input[type=url],
textarea {
  outline: none;
  background-color: var(--tj-color-theme-dark);
  width: 100%;
  height: auto;
  min-height: 44px;
  font-size: var(--tj-fs-body);
  border: 1px solid var(--tj-color-border-1);
  color: var(--tj-color-text-body);
  padding: 10px 20px;
  box-shadow: 0 0 0;
  border-radius: 8px;
}
select:focus,
.nice-select:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
textarea:focus {
  border-color: var(--tj-color-theme-primary);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.fix {
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.section-gap-x {
  margin-left: 30px;
  margin-right: 30px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-gap-x {
    margin-left: 15px;
    margin-right: 15px;
  }
}

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

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

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

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

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

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

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

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

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

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

.sticky-lg-top {
  top: 30px;
  z-index: 2;
  transition: all 0.3s ease-in-out;
}
.sticky-lg-top.sec-heading {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .sticky-lg-top.sec-heading {
    margin-bottom: 35px;
  }
}

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

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

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

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

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

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

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

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

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

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

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

.header-top {
  padding: 0 15px;
}
.header-top-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.header-top-content .topbar-text {
  padding: 15px 0;
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.header-top-content .topbar-text i {
  color: var(--tj-color-theme-primary);
  font-size: 17px;
  animation: zoomEffect 1.5s linear infinite;
}
.header-top-content .topbar-text a {
  color: var(--tj-color-theme-primary);
  font-weight: var(--tj-fw-medium);
  line-height: 1;
  display: inline-flex;
  align-items: center;
}
.header-top-content .topbar-text a::after {
  content: "\e919";
  font-size: 18px;
  line-height: 1;
  font-family: "shebanglabs-icon" !important;
  font-weight: var(--tj-fw-medium);
  display: inline-flex;
  color: inherit;
  margin-left: 4px;
  margin-top: 3px;
  transform: rotate(-45deg);
}
.header-top-content .topbar-text a:hover {
  color: var(--tj-color-theme-primary);
}
.header-top-content .topbar-text a:hover::after {
  transform: rotate(0deg);
}
.header-top-content .header-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.header-top-content .header-info .info-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  position: relative;
  padding: 0 15px;
  border-left: 2px solid var(--tj-color-border-1);
  line-height: 1;
}
.header-top-content .header-info .info-item:first-child {
  border: 0;
}
.header-top-content .header-info .info-item:last-child {
  padding-right: 0;
}
.header-top-content .header-info .info-item span {
  display: inline-flex;
  line-height: 1;
}
.header-top-content .header-info .info-item span i {
  display: inline-flex;
  line-height: 1;
  font-size: 18px;
  color: var(--tj-color-theme-primary);
}
.header-top-content .header-info .info-item a {
  color: var(--tj-color-text-body);
}
.header-top-content .header-info .info-item a:hover {
  color: var(--tj-color-heading-primary);
}
.header-top-content .header-info .info-item .tj-language {
  position: relative;
  padding: 15px 0;
}
.header-top-content .header-info .info-item .tj-language span {
  font-size: 16px;
  display: inline-flex;
  padding-inline-end: 17px;
  cursor: pointer;
}
.header-top-content .header-info .info-item .tj-language span::after {
  content: "\e91b";
  font-family: "shebanglabs-icon";
  font-size: 12px;
  inset-inline-end: 0;
  height: auto;
  width: auto;
  border: none;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotate(0);
  margin-top: 0;
  transform-origin: center;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.header-top-content .header-info .info-item .tj-language ul {
  list-style: none;
  background-color: var(--tj-color-theme-bg);
  color: var(--tj-color-text-body);
  border-radius: 6px;
  min-width: 120px;
  padding: 10px 0;
  border: 1px solid var(--tj-color-border-1);
  position: absolute;
  top: 100%;
  left: auto;
  right: 0;
  z-index: 100;
  transform: scaleY(0);
  transform-origin: top;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
}
.header-top-content .header-info .info-item .tj-language ul li {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 1;
  min-height: 30px;
  padding: 8px 20px;
  background-color: transparent;
  cursor: pointer;
}
.header-top-content .header-info .info-item .tj-language ul li:hover {
  background-color: transparent;
  color: var(--tj-color-theme-primary);
}
.header-top-content .header-info .info-item .tj-language:hover span {
  color: var(--tj-color-heading-primary);
}
.header-top-content .header-info .info-item .tj-language:hover span::after {
  transform: translateY(-50%) rotate(-180deg);
}
.header-top-content .header-info .info-item .tj-language:hover ul {
  opacity: 1;
  visibility: visible;
  transform: scaleY(1);
  pointer-events: inherit;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-top-content .header-info .info-item {
    border: 0;
    padding: 0 10px 10px 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-top-content {
    justify-content: center;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-top {
    padding: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-top {
    display: none;
  }
}

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

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

.site_logo {
  padding: 17px 0;
}
.site_logo .logo {
  display: inline-block;
  max-width: 169px;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .site_logo {
    padding: 15px 0;
  }
}

.menu-area {
  gap: 25px;
}

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

.header-search {
  line-height: 1;
  position: relative;
}
.header-search .search {
  color: var(--tj-color-common-white);
  font-size: 16px;
  font-weight: var(--tj-fw-medium);
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: var(--tj-color-theme-dark);
}
.header-search .search i {
  font-size: 20px;
  line-height: 1;
  display: inline-flex;
}
.header-search .search.search-hide {
  opacity: 0;
  visibility: hidden;
  transform: scale(0.5);
}
.header-search .search:hover i {
  animation: bellShake 1.5s ease;
}

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

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

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

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

/* !END: Theme Header CSS */
/**----------------------------------------
START: Theme Footer CSS
----------------------------------------*/
.tj-footer-section {
  background-color: var(--tj-color-theme-bg);
  position: relative;
  z-index: 1;
  border-radius: 16px;
  overflow: hidden;
  padding-top: 138px;
}
.tj-footer-section .bg-img {
  opacity: 0.15;
  mix-blend-mode: luminosity;
  pointer-events: none;
}
.tj-footer-section::after, .tj-footer-section::before {
  content: "";
  position: absolute;
  top: -100px;
  right: -100px;
  width: 350px;
  height: 350px;
  border-radius: 50%;
  background: var(--tj-color-theme-primary);
  -webkit-filter: blur(75px);
  filter: blur(75px);
  opacity: 0.15;
  z-index: -1;
  pointer-events: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-footer-section::after, .tj-footer-section::before {
    width: 300px;
    height: 300px;
  }
}
.tj-footer-section::after {
  top: auto;
  right: auto;
  left: -100px;
  bottom: -100px;
}
.tj-footer-section.footer-2 {
  background-color: transparent;
  padding: 0;
  overflow: hidden;
}
.tj-footer-section.footer-3 {
  background-color: transparent;
  padding: 0;
  overflow: hidden;
}
.tj-footer-section.footer-3::after, .tj-footer-section.footer-3::before {
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-footer-section {
    border-radius: 12px;
  }
}

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

.footer-logo {
  max-width: 169px;
  width: 100%;
}

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

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

.widget-nav-menu ul {
  list-style: none;
}
.widget-nav-menu ul li {
  padding: 6px 0;
}
.widget-nav-menu ul li:first-child {
  padding-top: 0;
}
.widget-nav-menu ul li a {
  color: var(--tj-color-text-body-2);
  display: inline-flex;
  align-items: center;
  gap: 4px;
  line-height: 1.2;
  position: relative;
  overflow: hidden;
}
.widget-nav-menu ul li a:hover {
  color: var(--tj-color-theme-primary);
  transform: translateX(5px);
}
.widget-nav-menu ul li a .badge {
  font-size: 10px;
  text-transform: uppercase;
  color: var(--tj-color-common-white);
  background-color: var(--tj-color-theme-primary);
  border-radius: 50px;
  padding: 3px 6px 4px;
  animation: zoomEffect2 1.5s infinite linear;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .widget-nav-menu {
    margin-top: 30px;
  }
}

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

.footer-2 {
  border-start-start-radius: 0;
  border-start-end-radius: 0;
}
.footer-2 .tj_footer_inner {
  background-color: var(--tj-color-theme-bg);
  position: relative;
  z-index: 1;
}
.footer-2 .tj_footer_inner::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 67%;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: var(--tj-color-theme-primary);
  -webkit-filter: blur(400px);
  filter: blur(132px);
  z-index: -1;
  pointer-events: none;
  -webkit-transform: translate(0, 81%);
  -ms-transform: translate(0, 81%);
  transform: translate(0, 85%);
}
.footer-2 .widget-nav-menu ul li a {
  color: var(--tj-color-text-body);
}
.footer-2 .widget-nav-menu ul li a:hover {
  color: var(--tj-color-theme-primary);
}
.footer-2 .tj_footer_bottom_logo {
  text-align: center;
  margin-top: 30px;
}
.footer-2 .footer_widget_area {
  padding-top: 120px;
  padding-bottom: 120px;
  border-bottom: 1px solid var(--tj-color-border-1);
}
.footer-2 .footer_bottom_area {
  padding: 20px 0;
}
.footer-2 .footer_widget_wrapper .subscription-widget-2 {
  max-width: 350px;
  width: 100%;
}
.footer-2 .footer_widget_wrapper .subscription-widget-2 .subscribe-form {
  max-width: 350px;
  width: 100%;
}
.footer-2 .footer_widget_wrapper .subscription-widget-2 .title {
  max-width: 250px;
  width: 100%;
  font-size: 32px;
  line-height: 1.25;
  margin-bottom: 22px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-2 .footer_widget_wrapper .subscription-widget-2 .title {
    font-size: 28px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-2 .footer_widget_wrapper .subscription-widget-2 .title {
    font-size: 24px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-2 .footer_widget_area {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .footer-2 .footer_widget_wrapper .footer-widget {
    max-width: calc(50% - 15px);
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-2 .footer_widget_area {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-2 .footer_widget_wrapper .footer-widget {
    max-width: 100%;
    width: 100%;
    margin: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-2 .copyright-text {
    order: 1;
  }
  .footer-2 .copyright-menu {
    order: 2;
  }
  .footer-2 .footer_socials {
    order: 3;
  }
}

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

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

.footer-contact-info {
  max-width: 230px;
  width: 100%;
}
.footer-contact-info .contact-item {
  margin-bottom: 14px;
}
.footer-contact-info .contact-item:last-child {
  margin-bottom: 0;
}
.footer-contact-info .contact-item span {
  color: var(--tj-color-text-body-2);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.footer-contact-info .contact-item span i {
  font-size: 20px;
  color: var(--tj-color-theme-primary);
  display: inline-flex;
  line-height: 1;
}
.footer-contact-info .contact-item a {
  color: var(--tj-color-text-body-2);
  display: inline-flex;
  margin-bottom: 8px;
}
.footer-contact-info .contact-item a:last-child {
  margin-bottom: 0;
}
.footer-contact-info .contact-item a:hover {
  color: var(--tj-color-theme-primary);
}

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

.copyright-content-area {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding: 23px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .copyright-content-area {
    gap: 14px;
  }
}

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

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

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

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

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

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

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

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

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

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

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

.hamburger-infos {
  margin-bottom: 45px;
}
.hamburger-infos .contact-info .contact-item:not(:last-child) {
  padding: 5px 0;
  border: 0;
}
.hamburger-infos .contact-info .contact-item:first-child {
  padding-top: 0;
}
.hamburger-infos .contact-info .contact-item:last-child {
  padding-top: 5px;
}

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

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

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

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

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

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

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

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

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

@keyframes rotate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* !END: Preloader CSS */
/**----------------------------------------
START: Back to top CSS
----------------------------------------*/
.back-to-top-wrapper {
  position: fixed;
  right: 60px;
  bottom: 0;
  display: block;
  border-radius: 50%;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .back-to-top-wrapper {
    right: 45px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .back-to-top-wrapper {
    right: 15px;
  }
}
.back-to-top-btn-show {
  visibility: visible;
  opacity: 1;
  bottom: 60px;
}
.back-to-top-btn-show:hover {
  transform: translateY(-6px);
}
.back-to-top-btn-show:hover .back_to_top_icon i {
  transform: translateY(-40px);
  transition: all 0.3s ease-in-out;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .back-to-top-btn-show {
    right: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .back-to-top-btn-show {
    right: 30px;
    bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .back-to-top-btn-show {
    bottom: 25px;
  }
}
.back-to-top-btn {
  color: var(--tj-color-heading-primary);
  line-height: 1;
  font-weight: var(--tj-fw-sbold);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.back-to-top-btn .back_to_top_icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  font-size: 10px;
  color: var(--tj-color-theme-bg);
  background-color: var(--tj-color-theme-primary);
  border-radius: 50%;
  text-shadow: 0 40px 0 var(--tj-color-theme-dark);
  overflow: hidden;
}
.back-to-top-btn .back_to_top_text {
  font-weight: var(--tj-fw-medium);
  line-height: 1;
  letter-spacing: 0%;
  text-align: right;
  writing-mode: vertical-lr;
  transform: scale(-1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .back-to-top-btn .back_to_top_text {
    display: none;
  }
}

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

/* !END: Error 404 CSS */
/**----------------------------------------
START: Heading CSS
----------------------------------------*/
.sec-heading {
  width: 100%;
  margin-bottom: 52px;
}
.sec-heading-centered {
  max-width: 550px;
  text-align: center;
  margin-inline-start: auto;
  margin-inline-end: auto;
}
.sec-heading-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .sec-heading-inner {
    gap: 15px;
  }
}
.sec-heading-inner .sec-title {
  max-width: 550px;
  width: 100%;
}
.sec-heading .sec-title {
  margin-bottom: 0;
}
.sec-heading .sec-title span {
  color: var(--tj-color-theme-dark-2);
}
.sec-heading .sec-title span img {
  max-width: 140px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sec-heading .sec-title span img {
    max-width: 112px;
  }
}
@media (max-width: 575px) {
  .sec-heading .sec-title span img {
    max-width: 90px;
  }
}
.sec-heading .sub-title {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--tj-color-theme-primary);
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-weight: var(--tj-fw-medium);
  margin-bottom: 18px;
  position: relative;
  transition: none;
}
.sec-heading .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) {
  .sec-heading .sub-title {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .sec-heading .sub-title {
    font-size: 13px;
  }
}
.sec-heading.style-2 .sec-title {
  display: block;
}
.sec-heading.style-2 .sec-title span {
  color: var(--tj-color-theme-primary);
}
.sec-heading.style-2 .sub-title {
  color: var(--tj-color-text-body);
}
.sec-heading.style-2 .sub-title span {
  color: var(--tj-color-theme-primary);
  margin-inline-end: 5px;
}
.sec-heading.style-3 .sec-title {
  display: block;
}
.sec-heading.style-3 .sec-title span {
  color: var(--tj-color-theme-primary);
}
.sec-heading.style-3 .sub-title {
  color: var(--tj-color-text-body);
  font-size: 16px;
  text-transform: capitalize;
  letter-spacing: 0;
  border: 1px solid var(--tj-color-border-1);
  background-color: rgba(250, 251, 251, 0.08);
  padding: 5px 10px;
  border-radius: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .sec-heading {
    margin-bottom: 35px;
  }
}

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

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

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

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

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

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

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

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

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

/* !END: Choose CSS */
/**----------------------------------------
START: Client CSS
----------------------------------------*/
.tj-client-section {
  position: relative;
}
.tj-client-section .client-content {
  margin-bottom: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-client-section .client-content {
    margin-bottom: 40px;
  }
}

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

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

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

.client-logo {
  width: 285px;
  height: 121px;
  background-color: var(--tj-color-theme-bg);
  border: 1px solid var(--tj-color-border-1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 5;
  padding: 20px;
  border-radius: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .client-logo {
    width: 230px;
    height: 100px;
    padding: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .client-logo {
    width: 180px;
    height: 85px;
    padding: 15px;
  }
}

/* !END: Client CSS */
/**----------------------------------------
START: About CSS
----------------------------------------*/
.tj-about-section {
  background-color: var(--tj-color-theme-bg);
  border-radius: 16px;
  position: relative;
  z-index: 1;
}
.tj-about-section .bg-img {
  opacity: 0.1;
  mix-blend-mode: luminosity;
}
.tj-about-section .sec-heading {
  margin-bottom: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tj-about-section .sec-heading .sec-title {
    font-size: 44px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-about-section .sec-heading .sec-title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-about-section {
    border-radius: 12px;
  }
}

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

.about-img {
  position: relative;
  mask-image: url(../images/shapes/shape-2.svg);
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: top left;
}
.about-img img {
  border-radius: 12px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-img {
    mask-image: none;
  }
}

.about-left {
  max-width: 645px;
  width: 100%;
}
.about-left-bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 15px;
  margin-top: -65px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about-left-bottom {
    margin-top: -60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-left-bottom {
    margin-top: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-left {
    margin: 0 auto;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-left {
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

.about_right_content {
  display: flex;
  flex-direction: column;
  justify-content: end;
  height: 100%;
}

.content_right_inner .desc,
.content_right_inner .list_button {
  max-width: 532px;
  width: 100%;
  margin-left: auto;
}
.content_right_inner .list_button {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  margin-top: 28px;
  margin-bottom: 45px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .content_right_inner .list_button {
    margin-top: 20px;
    margin-bottom: 26px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .content_right_inner .desc,
  .content_right_inner .list_button {
    margin-left: 0;
    max-width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .content_right_inner .list_button {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
@media (max-width: 575px) {
  .content_right_inner .list_button {
    margin-top: 30px;
    margin-bottom: 30px;
    flex-direction: column;
    align-items: start;
  }
}

/* !END: About CSS */
/**----------------------------------------
START: Services CSS
----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-service-section .sec-heading.mt-30 {
    margin-top: 0;
  }
}

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

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

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

.h3-service-section-wrap {
  position: relative;
  background-color: var(--tj-color-theme-bg);
  border-radius: 16px;
  overflow: hidden;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h3-service-section-wrap {
    border-radius: 12px;
  }
}

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

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

.services_tabs {
  position: relative;
  list-style: none;
  background-color: var(--tj-color-theme-bg);
  border: 1px solid var(--tj-color-border-1);
  border-radius: 8px;
  padding: 8px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 10px;
  row-gap: 10px;
  z-index: 1;
}
.services_tabs .active-bg {
  position: absolute;
  background-color: var(--tj-color-theme-primary);
  z-index: -1;
  border-radius: 6px;
  transition: all 0.5s ease;
}
.services_tabs .service_tab_item {
  position: relative;
  z-index: 1;
  display: inline-flex;
  flex: 0 0 auto;
  white-space: nowrap;
  align-items: center;
  gap: 10px;
  border: none;
  border-radius: 6px;
  background-color: transparent;
  color: var(--tj-color-theme-dark);
  font-weight: var(--tj-fw-sbold);
  font-size: 16px;
  line-height: 1;
  padding: 20px 31px;
}
.services_tabs .service_tab_item .button_inner {
  display: flex;
  align-items: center;
  gap: 10px;
}
.services_tabs .service_tab_item span:not(.button_inner) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background-color: var(--tj-color-theme-dark);
  color: var(--tj-color-heading-primary);
  border-radius: 50%;
}
.services_tabs .service_tab_item:not(.active) {
  background-color: transparent;
  color: var(--tj-color-heading-primary);
}
.services_tabs .service_tab_item:not(.active) span:not(.button_inner) {
  transform: scale(0);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .services_tabs {
    column-gap: 0;
  }
  .services_tabs .service_tab_item {
    padding: 15px 14px;
  }
}
@media (max-width: 575px) {
  .services_tabs {
    flex-direction: column;
    column-gap: 0;
    justify-content: start;
  }
  .services_tabs .service_tab_item {
    padding: 15px 14px;
    font-size: 14px;
  }
  .services_tabs .service_tab_item span:not(.button_inner) {
    width: 20px;
    height: 20px;
    font-size: 10px;
  }
}

.services_content_wrap {
  margin-top: 30px;
}

.service_content_wrap {
  border: 1px solid var(--tj-color-border-1);
  background-color: var(--tj-color-theme-bg);
  padding: 15px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.service_content_wrap .service_content {
  max-width: 490px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: start;
  padding-left: 45px;
}
.service_content_wrap .service_content .service_icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: var(--tj-color-theme-primary);
  color: var(--tj-color-theme-dark);
  font-size: 44px;
  line-height: 1;
  margin-bottom: 25px;
}
.service_content_wrap .service_content .service_icon i,
.service_content_wrap .service_content .service_icon svg {
  display: inline-flex;
  line-height: 1;
}
.service_content_wrap .service_content .service_icon svg {
  max-width: 44px;
  height: auto;
}
.service_content_wrap .service_content .service_title {
  margin: 0;
}
.service_content_wrap .service_content .service_title a:hover {
  color: var(--tj-color-theme-primary);
}
.service_content_wrap .service_content .service_excerpt {
  margin-top: 20px;
}
.service_content_wrap .service_content .service_btn {
  margin-top: 25px;
}
.service_content_wrap .service_image {
  max-width: 550px;
  width: 100%;
  height: 516px;
  border-radius: 8px;
  overflow: hidden;
}
.service_content_wrap .service_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .service_content_wrap .service_image {
    max-width: 500px;
    height: 450px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service_content_wrap .service_content {
    max-width: 425px;
    padding-left: 20px;
  }
  .service_content_wrap .service_image {
    max-width: 420px;
    height: 400px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .service_content_wrap .service_content {
    max-width: 410px;
    padding: 25px 15px;
  }
  .service_content_wrap .service_image {
    max-width: 420px;
    height: 400px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .service_content_wrap {
    flex-direction: column;
    align-items: start;
    gap: 0;
  }
  .service_content_wrap .service_content {
    padding: 25px 15px 40px 15px;
  }
  .service_content_wrap .service_content .service_icon {
    width: 70px;
    height: 70px;
    font-size: 35px;
  }
  .service_content_wrap .service_image {
    max-width: 100%;
    height: auto;
    min-height: 350px;
  }
}
@media (max-width: 575px) {
  .service_content_wrap .service_content {
    max-width: 100%;
    padding: 25px 5px 40px 5px;
  }
  .service_content_wrap .service_content .service_icon {
    width: 60px;
    height: 60px;
    margin-bottom: 20px;
  }
}

/* !END: Services CSS */
/**----------------------------------------
START: Video CSS
----------------------------------------*/
.tj-video-section {
  margin-bottom: -312px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-video-section {
    margin-bottom: -240px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-video-section {
    margin-bottom: -210px;
  }
}

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

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

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

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

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

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

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

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

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

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

@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - var(--gap)));
  }
}
@keyframes scroll-rtl {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(100% + var(--gap)));
  }
}
.h3-marquee-section.style-9 {
  padding: 30px 0;
  border-top: 1px solid var(--tj-color-border-1);
  border-bottom: 1px solid var(--tj-color-border-1);
}

/* !END: Theme Marquee CSS */
/**----------------------------------------
START: Technologies CSS
----------------------------------------*/
.tech-item {
  background-color: var(--tj-color-theme-bg);
  border: 1px solid var(--tj-color-border-1);
  padding: 30px 30px 25px 30px;
  display: inline-flex;
  gap: 15px;
  border-radius: 10px;
  max-width: 320px;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tech-item {
    max-width: 300px;
    padding: 20px 20px 15px 20px;
  }
}
.tech-icon {
  max-width: 56px;
  width: 100%;
  height: 56px;
  border-radius: 4px;
  flex: 0 0 auto;
  overflow: hidden;
}
.tech-icon img {
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tech-icon {
    max-width: 50px;
  }
}
.tech-content .title {
  margin-top: 8px;
  margin-bottom: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tech-content .title {
    margin-top: 6px;
    margin-bottom: 10px;
  }
}
.tech-content .desc {
  margin-bottom: 0;
}

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

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

/* !END: Technologies CSS */
/**----------------------------------------
START: Project CSS
----------------------------------------*/
.tj-project-section {
  background-color: var(--tj-color-theme-bg);
  border-radius: 16px;
}
.tj-project-section .sec-heading .desc {
  max-width: 248px;
  width: 100%;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-project-section {
    border-radius: 12px;
  }
}

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

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

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

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

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

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

/* !END: Project CSS */
/**----------------------------------------
START: Testimonial CSS
----------------------------------------*/
.tj-testimonial-section {
  background-color: var(--tj-color-theme-bg);
  border-radius: 16px;
  padding-top: 432px;
  padding-bottom: 120px;
  overflow: hidden;
}
.tj-testimonial-section-3 .sec-heading-centered {
  max-width: 500px;
}
.tj-testimonial-section-4 {
  padding-top: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-testimonial-section {
    padding-top: 340px;
    padding-bottom: 100px;
  }
  .tj-testimonial-section-4 {
    padding-top: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-testimonial-section {
    padding-top: 280px;
    padding-bottom: 70px;
    border-radius: 12px;
  }
  .tj-testimonial-section-4 {
    padding-top: 70px;
  }
}

.testimonial-slider {
  overflow: inherit;
}

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

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

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

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

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

.slider-navigation {
  gap: 10px;
}

.slider-next,
.slider-prev {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 50px;
  height: 50px;
  font-size: 20px;
  color: var(--tj-color-common-white);
  background-color: transparent;
  border: 1px solid var(--tj-color-border-1);
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.slider-next .anim-icon,
.slider-prev .anim-icon {
  position: relative;
  display: inline-flex;
  overflow: hidden;
  transform: rotate(0deg);
}
.slider-next .anim-icon i,
.slider-prev .anim-icon i {
  position: relative;
  top: 0;
  color: var(--tj-color-common-white);
  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-theme-dark);
}
.slider-next:hover,
.slider-prev:hover {
  color: var(--tj-color-theme-dark);
  background-color: var(--tj-color-theme-primary);
  border-color: var(--tj-color-theme-primary);
}
.slider-next:hover .anim-icon i:first-child,
.slider-prev:hover .anim-icon i:first-child {
  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: 20px;
  }
}

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

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

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

.tj_accordion {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

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

.tj-faq-section-2 {
  background-color: var(--tj-color-theme-bg);
  border-radius: 16px;
}
.tj-faq-section-2 .sec-heading {
  max-width: 550px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-faq-section-2 .sec-heading {
    max-width: 100%;
  }
}
.tj-faq-section-2 .sec-heading .tj-primary-btn {
  margin-top: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-faq-section-2 {
    border-radius: 12px;
  }
}
.tj-faq-section-3 {
  background-color: transparent;
}
.tj-faq-section-4 {
  background-color: transparent;
  border-radius: 0;
  border-bottom: 1px solid var(--tj-color-border-1);
}
.tj-faq-section-5 {
  border-bottom: 0;
}

.faq-left {
  height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .faq-left {
    margin-bottom: 40px;
  }
}
.faq-contact {
  padding: 30px 30px 24px;
  background-color: var(--tj-color-theme-dark);
  border: 1px solid var(--tj-color-border-1);
  border-radius: 10px;
  max-width: 381px;
  margin-top: 128px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .faq-contact {
    margin-top: 0;
  }
}
.faq-contact-2 {
  background-color: var(--tj-color-theme-bg);
}
.faq-contact-2 .faq-contact-item {
  background-color: var(--tj-color-theme-dark);
}
.faq-contact .title {
  margin-bottom: 26px;
  color: var(--tj-color-common-white);
  letter-spacing: -0.02em;
}
.faq-contact ul {
  display: flex;
  align-items: center;
  list-style: none;
}
.faq-contact ul li {
  width: 56px;
  height: 56px;
  border-radius: 100%;
  position: relative;
  border-radius: 50%;
  z-index: 1;
}
.faq-contact ul li:not(:first-child) {
  margin-inline-start: -10px;
}
.faq-contact ul li:has(i) {
  background-color: var(--tj-color-theme-primary);
  border: 2px solid var(--tj-color-theme-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: var(--tj-color-common-white);
  z-index: 2;
}
.faq-contact ul li img {
  border: 2px solid var(--tj-color-theme-dark);
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.faq-contact-item {
  padding: 24px 20px;
  background-color: var(--tj-color-theme-bg);
  border: 1px solid var(--tj-color-border-1);
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.faq-contact-item:hover .faq-contact-list li:has(i) {
  transform: rotateY(360deg);
}
.faq-contact .faq-contact-number-wrapper .desc {
  font-size: 14px;
  line-height: 1.57;
  margin-bottom: 2px;
}
.faq-contact .faq-contact-number-wrapper .faq-contact-number {
  margin-bottom: 0;
  position: relative;
}
.faq-contact .faq-contact-number-wrapper .faq-contact-number::before {
  content: "";
  height: 1px;
  width: 100%;
  background-color: var(--tj-color-heading-primary);
  position: absolute;
  right: 0;
  bottom: 3px;
  transition: transform 0.3s ease-in-out;
}
.faq-contact .faq-contact-number-wrapper .faq-contact-number:hover::before {
  animation: lineHover 0.8s linear;
}

.tj_accordion_2 {
  max-width: 645px;
  margin-inline-start: auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj_accordion_2 {
    max-width: 100%;
  }
}
.tj_accordion_2 .accordion_item {
  padding: 0;
  background-color: var(--tj-color-theme-dark);
}
.tj_accordion_2 .accordion_item.active {
  border-color: var(--tj-color-border-1);
}
.tj_accordion_2 .accordion_title {
  padding: 27px 70px 27px 30px;
}
.tj_accordion_2 .accordion_title::after {
  inset-inline-end: 30px;
  border-color: var(--tj-color-border-1);
  background-color: var(--tj-color-theme-bg);
}
.tj_accordion_2 .accordion_title:not(.collapsed)::after {
  border-color: var(--tj-color-theme-primary);
  background-color: var(--tj-color-theme-primary);
}
.tj_accordion_2 .accordion_content {
  padding: 30px;
  color: var(--tj-color-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj_accordion_2 .accordion_title {
    padding: 20px 55px 20px 20px;
  }
  .tj_accordion_2 .accordion_title::after {
    inset-inline-end: 20px;
  }
  .tj_accordion_2 .accordion_content {
    padding: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj_accordion_2 .accordion_title {
    padding: 20px 60px 20px 20px;
  }
}
.tj_accordion_3 .accordion_item {
  background-color: var(--tj-color-theme-bg);
}
.tj_accordion_4 {
  max-width: 100%;
}
.tj_accordion_4 .accordion_title::after {
  border: 0;
  background-color: transparent;
}
.tj_accordion_4 .accordion_title:not(.collapsed) {
  color: var(--tj-color-theme-dark);
}
.tj_accordion_4 .accordion_title:not(.collapsed)::after {
  border: 0;
  background-color: transparent;
}
.tj_accordion_4 .accordion_content {
  padding-top: 0;
  border-top: 0;
}
.tj_accordion_4 .accordion_item {
  background-color: var(--tj-color-theme-bg);
}
.tj_accordion_4 .accordion_item:has(button:not(.collapsed)) {
  background-color: var(--tj-color-theme-primary);
}
.tj_accordion_4 .accordion_item:has(button:not(.collapsed)) .accordion_content {
  color: var(--tj-color-theme-dark);
}

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

.blog-item {
  height: 100%;
  background-color: var(--tj-color-theme-bg);
  padding: 15px;
  border-radius: 10px;
  position: relative;
}
.blog-item .blog-thumb {
  height: 270px;
  overflow: hidden;
  position: relative;
  border-radius: 8px;
}
.blog-item .blog-thumb a {
  display: inline-flex;
  width: 100%;
  height: 100%;
}
.blog-item .blog-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.4s linear 0s;
  -moz-transition: all 0.4s linear 0s;
  -ms-transition: all 0.4s linear 0s;
  -o-transition: all 0.4s linear 0s;
  transition: all 0.4s linear 0s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-item .blog-thumb {
    height: 300px;
  }
}
.blog-item .blog-content {
  padding: 25px 15px 15px 15px;
}
.blog-item .blog-content .title {
  margin: 0;
  letter-spacing: -0.02em;
}
.blog-item .blog-content .title a {
  background-image: linear-gradient(to bottom, currentColor 0%, currentColor 100%);
  background-size: 0 1px;
  background-repeat: no-repeat;
  background-position: 0 90%;
  display: inline;
}
.blog-item .blog-content .title a:hover {
  background-size: 100% 1px;
}
.blog-item .blog-content .desc,
.blog-item .blog-content .excerpt {
  margin-top: 20px;
}
.blog-item .blog-content .desc:last-of-type,
.blog-item .blog-content .excerpt:last-of-type {
  margin-bottom: 0;
}
.blog-item .categories {
  margin-bottom: 0;
}
.blog-item .categories a {
  background-color: var(--tj-color-theme-dark);
  color: var(--tj-color-theme-primary);
}
.blog-item .categories a:hover {
  background-color: var(--tj-color-theme-primary);
  color: var(--tj-color-theme-bg);
}
.blog-item .tj-text-btn {
  margin-top: 23px;
}
.blog-item:hover .blog-thumb img {
  transform: scale(1.1);
}
.blog-item:hover .blog-thumb.img-reveal-2 img {
  transform: scale(1.1) !important;
}
@media (max-width: 575px) {
  .blog-item .blog-content {
    padding: 25px 5px 5px 10px;
  }
}

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

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

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

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

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

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

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

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

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

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

.social-links.cta-social {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}
.social-links.cta-social .title {
  color: var(--tj-color-theme-dark);
}
.social-links.cta-social ul li a {
  background-color: var(--tj-color-theme-dark);
  color: var(--tj-color-theme-primary);
}
.social-links.cta-social ul li a::before {
  display: none;
}
.social-links.cta-social ul li a:hover {
  color: var(--tj-color-theme-primary);
  transform: translateY(-4px);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .social-links.cta-social {
    margin-top: 20px;
  }
}

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

.countup-item {
  display: flex;
  flex-direction: column;
  position: relative;
}

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

.inline-content {
  color: var(--tj-color-common-white);
  font-size: 74px;
  line-height: 1;
  font-weight: var(--tj-fw-sbold);
  font-family: var(--tj-ff-heading);
  display: inline-flex;
  align-items: center;
  margin-bottom: 10px;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .inline-content {
    font-size: 64px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .inline-content {
    font-size: 60px;
  }
}
@media (max-width: 575px) {
  .inline-content {
    font-size: 54px;
  }
}

.count-text {
  color: var(--tj-color-text-body);
  font-size: 18px;
  font-weight: var(--tj-fw-medium);
  display: block;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-countup-section-2 {
    background-color: var(--tj-color-theme-bg);
    border-radius: 12px;
  }
}

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

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

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

.process-border {
  position: absolute;
  top: 56%;
  left: 50%;
  width: 100%;
  height: 4px;
  z-index: 1;
  transform: translate(-50%, -50%);
  mask-image: url(../images/shapes/process-line.svg);
  mask-repeat: repeat;
  mask-size: auto;
  mask-position: center center;
  background: linear-gradient(90deg, rgba(0, 121, 216, 0) 0%, var(--tj-color-theme-primary) 50%, rgba(0, 121, 216, 0) 100%);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .process-border {
    width: 850px;
    transform: translate(-50%, -50%) rotate(90deg);
  }
}

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

.working-process-section-2-wrap {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  z-index: 1;
}
.working-process-section-2-wrap .sec-heading {
  max-width: 550px;
}
.working-process-section-2-wrap .sec-heading .desc {
  margin-top: 18px;
  margin-bottom: 24px;
  max-width: 350px;
  color: var(--tj-color-text-body-2);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .working-process-section-2-wrap {
    border-radius: 12px;
  }
}

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

/* !END: Working process CSS */
/**----------------------------------------
START: Contact CSS
----------------------------------------*/
.tj-contact-section {
  background-color: var(--tj-color-theme-bg);
  border-radius: 16px;
  position: relative;
  z-index: 1;
}
.tj-contact-section .sec-heading {
  max-width: 500px;
  margin-bottom: 0;
}
.tj-contact-section .bg-img {
  opacity: 0.12;
  mix-blend-mode: luminosity;
}
.tj-contact-section::before {
  content: "";
  position: absolute;
  top: 20%;
  right: 30%;
  width: 550px;
  height: 550px;
  border-radius: 50%;
  background: var(--tj-color-theme-primary);
  -webkit-filter: blur(75px);
  filter: blur(75px);
  opacity: 0.1;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-contact-section {
    border-radius: 12px;
  }
}

.map-area {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
  background-color: var(--tj-color-theme-bg);
  padding: 15px;
}
.map-area iframe,
.map-area #map {
  width: 100%;
  height: 100%;
  min-height: 360px;
  display: block;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .map-area {
    height: auto;
    margin-top: 30px;
  }
}
.map-area .leaflet-container {
  background: transparent;
}
.map-area .custom-marker {
  font-size: 45px;
  font-family: "shebanglabs-icon" !important;
}
.map-area .custom-marker::before {
  color: var(--tj-color-theme-primary);
}

.contact-left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding-bottom: 25px;
}
.contact-left .contact-info {
  margin-top: 25px;
}

.contact-info {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.contact-info .contact-item {
  max-width: 205px;
  width: 100%;
}
.contact-info .contact-item:not(:last-child) {
  padding-right: 15px;
  border-right: 1px solid var(--tj-color-border-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .contact-info .contact-item:not(:last-child) {
    border: 0;
  }
}
.contact-info .contact-item .subtitle {
  display: block;
  font-size: 14px;
  line-height: 1;
  color: var(--tj-color-text-body);
  margin-bottom: 7px;
}
.contact-info .contact-item .title {
  color: var(--tj-color-common-white);
  font-size: 16px;
  font-family: var(--tj-ff-body);
  font-weight: var(--tj-fw-sbold);
  letter-spacing: 0;
}
.contact-info .contact-item a.contact-link {
  color: var(--tj-color-text-body);
  position: relative;
}
.contact-info .contact-item a.contact-link::after {
  content: "";
  height: 1px;
  width: 100%;
  background-color: var(--tj-color-theme-primary);
  position: absolute;
  left: 0;
  bottom: 3px;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.3s ease-in-out;
}
.contact-info .contact-item a.contact-link:hover {
  color: var(--tj-color-theme-primary);
}
.contact-info .contact-item a.contact-link:hover::after {
  transform-origin: left;
  transform: scaleX(1);
}
.contact-info .contact-item .contact-link {
  display: inline-flex;
}
.contact-info .contact-item .contact-link span {
  color: var(--tj-color-theme-primary);
  margin-inline-start: 4px;
}
@media (max-width: 575px) {
  .contact-info {
    gap: 20px;
  }
}

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

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

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

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

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

.tj-features-section .tj_features_wrap {
  margin-top: -152px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-features-section .tj_features_wrap {
    margin-top: 0;
  }
}

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

.feature_item {
  max-width: 360px;
  width: 100%;
  display: inline-flex;
  align-items: start;
  border: 1px solid var(--tj-color-border-1);
  background-color: var(--tj-color-theme-bg);
  border-radius: 8px;
  padding: 20px;
  gap: 15px;
}
.feature_item .feature_icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--tj-color-theme-primary);
  border-radius: 50%;
  width: 70px;
  height: 70px;
  font-size: 40px;
  line-height: 1;
  color: var(--tj-color-theme-dark);
  transition: all 0.4s ease-in-out;
}
.feature_item .feature_icon i,
.feature_item .feature_icon svg {
  display: inline-flex;
  line-height: 1;
}
.feature_item .feature_icon svg {
  max-width: 40px;
  height: auto;
}
.feature_item .feature_content {
  width: calc(100% - 85px);
  padding-top: 10px;
}
.feature_item .feature_content .title {
  margin: 0;
}
.feature_item .feature_content .desc {
  margin-top: 7px;
}
.feature_item:hover .feature_icon {
  transform: rotateY(360deg);
}
@media (max-width: 575px) {
  .feature_item .feature_icon {
    width: 60px;
    height: 60px;
    font-size: 30px;
  }
  .feature_item .feature_icon svg {
    max-width: 30px;
  }
  .feature_item .feature_content {
    width: calc(100% - 75px);
  }
}

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

.team-item {
  background-color: var(--tj-color-theme-bg);
  border: 1px solid var(--tj-color-border-1);
  border-radius: 10px;
  padding: 10px;
}
.team-item .team-img {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 10px;
}
.team-item .team-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s;
  transform-origin: center center;
  transform: perspective(0) rotateX(0) rotateY(0) scaleX(1) scaleY(1);
}
.team-item .social-links {
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  background-color: var(--tj-color-theme-bg);
  border-top-left-radius: 10px;
  padding: 15px 5px 0 15px;
  z-index: 2;
}
.team-item .social-links::after, .team-item .social-links::before {
  content: "";
  position: absolute;
  background-color: transparent;
  top: -20px;
  right: 0;
  width: 10px;
  height: 20px;
  box-shadow: 0 10px 0 0 var(--tj-color-theme-bg);
  border-bottom-right-radius: 10px;
  z-index: -1;
}
.team-item .social-links::after {
  top: auto;
  right: auto;
  bottom: 0;
  left: -10px;
}
.team-item .social-links .share-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--tj-color-theme-primary);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  font-size: 18px;
  color: var(--tj-color-theme-dark);
  line-height: 1;
  position: absolute;
  right: 5px;
  bottom: 0;
  z-index: 2;
}
.team-item .social-links ul {
  flex-direction: column;
  justify-content: center;
  gap: 0;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.team-item .social-links ul li {
  margin-bottom: -32px;
}
.team-item .social-links ul li:last-child {
  margin: 0;
}
.team-item .social-links ul li a {
  background-color: var(--tj-color-theme-dark-3);
}
.team-item .social-links ul li a:hover {
  opacity: 1;
}
.team-item .team-content {
  padding: 22px 20px 12px 20px;
  width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .team-item .team-content {
    padding: 20px;
  }
}
.team-item .title {
  display: block;
  margin-bottom: 0;
}
.team-item .title a:hover {
  color: var(--tj-color-theme-primary);
}
.team-item .designation {
  font-size: 14px;
  color: var(--tj-color-text-body-2);
  line-height: 1;
  display: inline-flex;
}
.team-item:hover .team-img img {
  transform: perspective(600px) rotateX(0deg) rotateY(0.05deg) scaleX(1.1) scaleY(1.1) !important;
}
.team-item:hover .share-icon {
  opacity: 0;
  visibility: hidden;
}
.team-item:hover ul {
  gap: 10px;
  opacity: 1;
}
.team-item:hover ul li {
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

/* !END: Progress bar CSS */
/**----------------------------------------
START: Breadcrumb CSS
----------------------------------------*/
.tj-page-header {
  position: relative;
  margin: 0;
  background-color: var(--tj-color-theme-bg);
  padding-top: 272px;
  padding-bottom: 151px;
  border-radius: 0;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-page-header {
    margin: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tj-page-header {
    padding-top: 242px;
    padding-bottom: 131px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-page-header {
    padding-top: 232px;
    padding-bottom: 121px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-page-header {
    padding-top: 150px;
    padding-bottom: 82px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-page-header {
    padding-top: 140px;
    padding-bottom: 72px;
    border-radius: 0;
  }
}
.tj-page-header::before {
  content: "";
  position: absolute;
  width: 280px;
  height: 280px;
  bottom: -30px;
  left: 57%;
  filter: blur(173px);
  backdrop-filter: inherit;
  border-radius: 50%;
  background: var(--tj-color-theme-primary);
  opacity: 0;
  z-index: -1;
}
.tj-page-header .hero-bg {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover !important;
  background-position: center center;
  mix-blend-mode: normal;
  opacity: 1;
  z-index: -1;
  pointer-events: none;
}
.tj-page-title {
  color: var(--tj-color-heading-primary);
  line-height: 1;
  margin-bottom: 0;
}
.tj-page-link {
  margin-top: 22px;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  position: relative;
  border-radius: 40px;
  background: rgba(250, 251, 251, 0.08);
  backdrop-filter: blur(20px);
  padding: 5px 12px;
  z-index: 2;
}
.tj-page-link span {
  color: var(--tj-color-heading-primary);
  font-size: 16px;
  font-weight: var(--tj-fw-medium);
  position: relative;
  display: inline-block;
  line-height: 1;
}
.tj-page-link span i {
  display: inline-flex;
  line-height: 1;
  font-size: 20px;
  color: var(--tj-color-theme-primary);
}
.tj-page-link span:not(:first-child) i {
  font-size: 12px;
  font-weight: var(--tj-fw-regular);
  color: var(--tj-color-text-body);
  justify-content: center;
  width: 7px;
  margin-top: 2px;
}
.tj-page-link span a {
  color: var(--tj-color-text-body);
}
.tj-page-link span a:hover {
  color: var(--tj-color-heading-primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-page-link {
    margin-top: 25px;
  }
}

/* !END: Breadcrumb CSS */
/**----------------------------------------
START: Blog Details CSS
----------------------------------------*/
.post-details-wrapper .blog-images {
  margin-bottom: 25px;
  border-radius: 12px;
  overflow: hidden;
  display: inline-flex;
  position: relative;
}
.post-details-wrapper .blog-images iframe {
  max-width: 100%;
}
.post-details-wrapper .blog-images .video-btn {
  position: absolute;
  width: auto;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.post-details-wrapper .blog-images .video-btn .video-icon {
  font-size: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .post-details-wrapper .blog-images .video-btn .video-icon {
    width: 70px;
    height: 70px;
  }
}
.post-details-wrapper .blog-images .video-btn::before {
  position: absolute;
  content: "";
  inset-inline-start: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 121, 216, 0.1);
  animation: pulse2 2s linear infinite;
  z-index: -1;
  border-radius: 50%;
}
.post-details-wrapper .tj-post-slider {
  margin-bottom: 25px;
}
.post-details-wrapper .title {
  line-height: 1.1667;
  margin-bottom: 14px;
}
.post-details-wrapper p {
  margin-bottom: 16px;
}
.post-details-wrapper p:last-child {
  margin-bottom: 0;
}
.post-details-wrapper .images-wrap {
  margin-top: 28px;
}
.post-details-wrapper .image-box {
  margin-bottom: 25px;
  border-radius: 12px;
  overflow: hidden;
}
.post-details-wrapper .image-box img {
  width: 100%;
}
.post-details-wrapper .blog-text h3 {
  margin-top: 44px;
  margin-bottom: 15px;
}
.post-details-wrapper .blog-text ul.tj_list {
  margin-top: 30px;
  margin-bottom: 37px;
  list-style: none;
  display: block;
  columns: 2;
}
.post-details-wrapper .blog-text ul.tj_list li {
  display: flex;
  align-items: start;
  column-gap: 10px;
  color: var(--tj-color-heading-primary);
  font-weight: var(--tj-fw-medium);
  margin-bottom: 16px;
}
.post-details-wrapper .blog-text ul.tj_list li:last-child {
  margin-bottom: 0;
}
@media (max-width: 575px) {
  .post-details-wrapper .blog-text ul.tj_list {
    margin-bottom: 30px;
    columns: 1;
  }
}
.post-details-wrapper .blog-text .blog-video {
  position: relative;
  z-index: 1;
  border-radius: 12px;
  overflow: hidden;
  margin-top: 60px;
  margin-bottom: 50px;
}
.post-details-wrapper .blog-text .blog-video .video-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 90px;
  height: 90px;
  line-height: 1;
  color: var(--tj-color-theme-dark);
  background: var(--tj-color-theme-primary);
  position: absolute;
  top: 50%;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.post-details-wrapper .blog-text .blog-video .video-btn span {
  font-size: 20px;
}
.post-details-wrapper .blog-text .blog-video .video-btn::before {
  position: absolute;
  content: "";
  inset-inline-start: 50%;
  top: 50%;
  width: 90px;
  height: 90px;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 121, 216, 0.1);
  animation: pulse2 2s linear infinite;
  z-index: -1;
  border-radius: 50%;
}
@media (max-width: 575px) {
  .post-details-wrapper .blog-text .blog-video .video-btn::before {
    width: 70px;
    height: 70px;
  }
}
@media (max-width: 575px) {
  .post-details-wrapper .blog-text .blog-video .video-btn {
    width: 70px;
    height: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .post-details-wrapper .blog-text .blog-video {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

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

.wp-block-quote,
blockquote {
  position: relative;
  padding: 40px 30px 30px;
  background: var(--tj-color-theme-bg);
  border: 2px solid var(--tj-color-theme-primary);
  border-radius: 12px;
  margin-top: 55px;
  margin-bottom: 50px;
  z-index: 2;
}
.wp-block-quote::before,
blockquote::before {
  content: "\e92e";
  font-size: 40px;
  color: var(--tj-color-theme-primary);
  font-family: "shebanglabs-icon";
  display: inline-block;
  margin-bottom: 16px;
  line-height: 1;
}
.wp-block-quote p,
blockquote p {
  color: var(--tj-color-text-body);
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-sbold);
  font-size: 24px;
  margin-bottom: 20px !important;
  letter-spacing: -0.6px;
  line-height: 1.417;
  border-radius: 12px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .wp-block-quote p,
  blockquote p {
    font-size: 20px;
    margin-bottom: 15px !important;
  }
}
.wp-block-quote cite,
blockquote cite {
  color: var(--tj-color-heading-primary);
  display: block;
  text-align: end;
  font-style: normal;
  position: relative;
  z-index: 1;
}
.wp-block-quote cite::before,
blockquote cite::before {
  content: "";
  display: inline-block;
  background: var(--tj-color-border-1);
  height: 1px;
  width: 89px;
  top: -4px;
  margin-inline-end: 10px;
  position: relative;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .wp-block-quote,
  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: 30px;
  margin-bottom: 30px;
}
.tj-tags-post .tagcloud {
  width: calc(100% - 200px);
}
.tj-tags-post .tagcloud span {
  color: var(--tj-color-text-body-2);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-tags-post .tagcloud {
    width: 100%;
  }
}
.tj-tags-post .post-share ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 10px;
  row-gap: 10px;
}
.tj-tags-post .post-share ul li {
  font-size: 16px;
  color: var(--tj-color-text-body-2);
  margin-bottom: 0;
}
.tj-tags-post .post-share ul li a {
  display: flex;
  font-size: 18px;
  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 .tagcloud {
  width: 100%;
}

.tj-post__navigation {
  background-color: var(--tj-color-theme-bg);
  padding: 20px 25px;
  border-radius: 10px;
  display: flex;
  gap: 25px;
  align-items: center;
  margin-bottom: 50px;
}
.tj-post__navigation .tj-nav-post__nav a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: var(--tj-color-heading-primary);
  font-weight: var(--tj-fw-sbold);
}
.tj-post__navigation .tj-nav-post__nav a span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  background-color: var(--tj-color-theme-dark);
  border-radius: 50%;
  border: 1px solid var(--tj-color-border-1);
  font-size: 24px;
  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-heading-primary);
}
@media (max-width: 575px) {
  .tj-post__navigation .tj-nav-post__nav a span {
    width: 48px;
    height: 48px;
  }
}
.tj-post__navigation .tj-nav-post__nav a:hover {
  color: var(--tj-color-heading-primary);
}
.tj-post__navigation .tj-nav-post__nav a:hover span {
  background-color: var(--tj-color-theme-primary);
  border-color: var(--tj-color-theme-primary);
}
.tj-post__navigation .tj-nav-post__nav a:hover span i {
  color: var(--tj-color-theme-dark);
}
.tj-post__navigation .tj-nav__post.previous {
  width: calc(50% - 25px);
}
.tj-post__navigation .tj-nav__post.next {
  width: calc(50% - 25px);
  text-align: end;
}
.tj-post__navigation .tj-nav-post__grid {
  width: 50px;
  text-align: center;
  font-size: 30px;
  line-height: 1;
  color: var(--tj-color-heading-primary);
}
.tj-post__navigation .tj-nav-post__grid a {
  display: inline-flex;
  color: currentColor;
}
.tj-post__navigation .tj-nav-post__grid a:hover {
  color: var(--tj-color-theme-primary);
}
@media (max-width: 575px) {
  .tj-post__navigation {
    padding: 20px;
    gap: 20px;
  }
}

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

.tj-latest-comments ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.tj-latest-comments ul .tj-comment {
  margin-bottom: 20px;
}
.tj-latest-comments ul .tj-comment:last-child {
  margin-bottom: 0;
}
.tj-latest-comments ul .tj-comment .comment-content {
  display: flex;
  gap: 12px;
  padding: 30px;
  background-color: var(--tj-color-theme-bg);
  border: 1px solid var(--tj-color-border-1);
  border-radius: 12px;
  position: relative;
}
.tj-latest-comments ul .tj-comment .comment-content .comment-avatar {
  max-width: 64px;
  height: 64px;
  width: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.tj-latest-comments ul .tj-comment .comment-content .comment-avatar img {
  width: 100%;
}
.tj-latest-comments ul .tj-comment .comment-content .comments-header {
  margin-top: 10px;
}
.tj-latest-comments ul .tj-comment .comment-content .comments-header .avatar-name .name,
.tj-latest-comments ul .tj-comment .comment-content .comments-header .avatar-name .title {
  font-size: 18px;
  font-weight: var(--tj-fw-sbold);
  letter-spacing: -0.02em;
  margin-bottom: 6px;
}
.tj-latest-comments ul .tj-comment .comment-content .comments-header .avatar-name .name a,
.tj-latest-comments ul .tj-comment .comment-content .comments-header .avatar-name .title a {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none;
}
.tj-latest-comments ul .tj-comment .comment-content .comments-header .avatar-name .name a:hover,
.tj-latest-comments ul .tj-comment .comment-content .comments-header .avatar-name .title a:hover {
  color: var(--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 .comment-reply-link {
  position: absolute;
  top: 35px;
  inset-inline-end: 30px;
  font-size: 16px;
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-medium);
  color: var(--tj-color-text-body-2);
  text-decoration: none;
}
.tj-latest-comments ul .tj-comment .comment-content .comments-header .comment-text .comment-reply-link:hover {
  color: var(--tj-color-theme-primary);
}
.tj-latest-comments ul .tj-comment .comment-content .comments-header .comment-text span {
  font-size: 14px;
  color: var(--tj-color-text-body-2);
  font-weight: var(--tj-fw-regular);
}
@media (max-width: 575px) {
  .tj-latest-comments ul .tj-comment .comment-content {
    flex-direction: column;
  }
  .tj-latest-comments ul .tj-comment .comment-content .comment-avatar {
    margin-inline-end: auto;
  }
}
.tj-latest-comments ul .tj-comment .desc {
  margin-top: 14px;
}
.tj-latest-comments ul .tj-comment .desc p:last-child {
  margin-bottom: 0;
}
.tj-latest-comments ul .tj-comment > .children {
  padding-inline-start: 75px;
}
@media (max-width: 575px) {
  .tj-latest-comments ul .tj-comment > .children {
    padding-inline-start: 35px;
  }
}
.tj-latest-comments ul .tj-comment:last-child .comment-content .comments-header {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}

.comment-respond {
  margin-top: 50px;
}
.comment-respond .comment-reply-title {
  margin-bottom: 25px;
}
.comment-respond .form-input {
  margin-bottom: 30px;
}
.comment-respond .form-input input:not([type=submit]):not([type=radio]):not([type=checkbox]):not([type=search]),
.comment-respond .form-input textarea,
.comment-respond .form-input input[type=email],
.comment-respond .form-input input[type=text] {
  background: var(--tj-color-theme-bg);
  height: 60px;
  padding: 18px 20px;
  border: 1px solid var(--tj-color-border-1);
  border-radius: 10px;
}
.comment-respond .form-input input:not([type=submit]):not([type=radio]):not([type=checkbox]):not([type=search])::placeholder,
.comment-respond .form-input textarea::placeholder,
.comment-respond .form-input input[type=email]::placeholder,
.comment-respond .form-input input[type=text]::placeholder {
  transition: all 0.3s;
  color: var(--tj-color-text-body-2);
}
.comment-respond .form-input input:not([type=submit]):not([type=radio]):not([type=checkbox]):not([type=search]):focus,
.comment-respond .form-input textarea:focus,
.comment-respond .form-input input[type=email]:focus,
.comment-respond .form-input input[type=text]:focus {
  border-color: var(--tj-color-theme-primary);
}
.comment-respond .form-input textarea {
  min-height: 180px;
  resize: none;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .comment-respond .form-input {
    margin-bottom: 20px;
  }
}
.comment-respond .comment-form-cookies-consent {
  display: inline-flex;
  align-items: center;
}
.comment-respond .comment-form-cookies-consent input[type=checkbox] {
  position: relative;
  margin-inline-end: 8px;
  width: 18px;
  height: 18px;
  border: 1px solid var(--tj-color-theme-dark-3);
  border-radius: 3px;
  appearance: none;
  cursor: pointer;
}
.comment-respond .comment-form-cookies-consent input[type=checkbox]::before {
  content: "\e941";
  font-size: 19px;
  line-height: 1;
  font-family: "shebanglabs-icon" !important;
  color: var(--tj-color-common-white);
  position: absolute;
  width: 100%;
  text-align: center;
  line-height: 16px;
  transform: scale(0.5);
  margin-inline-start: -1px;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.comment-respond .comment-form-cookies-consent input[type=checkbox]:checked {
  background-color: var(--tj-color-theme-primary);
  border-color: var(--tj-color-theme-primary);
}
.comment-respond .comment-form-cookies-consent input[type=checkbox]:checked::before {
  color: var(--tj-color-theme-dark);
  transform: scale(1);
  opacity: 1;
}
.comment-respond .form-submit {
  margin-bottom: 0;
}

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

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

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

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

.infos-item {
  display: flex;
  align-items: center;
  column-gap: 8px;
  padding-bottom: 30px;
  border: 0;
}
.infos-item:last-child {
  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-theme-dark);
  background: var(--tj-color-theme-primary);
  border-radius: 50%;
  position: relative;
  top: 2px;
}
.infos-item .project-text {
  line-height: 1;
}
.infos-item .project-text span {
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  color: var(--tj-color-text-body-2);
  margin: 0;
}
.infos-item .project-text .title {
  line-height: 1;
  font-weight: var(--tj-fw-sbold);
  margin-bottom: 0;
  margin-top: 6px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .infos-item .project-text .title {
    font-size: 16px;
  }
}

.service-categories ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.service-categories ul li {
  margin-bottom: 10px;
}
.service-categories ul li:last-child {
  margin-bottom: 0;
}
.service-categories ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: var(--tj-fw-sbold);
  color: var(--tj-color-heading-primary);
  background: var(--tj-color-theme-dark);
  padding: 20px 15px 17px 25px;
  border-radius: 8px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.service-categories ul li a::before {
  content: "";
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  background-color: var(--tj-color-theme-primary);
  border-radius: 8px;
  width: 0;
  height: 100%;
  z-index: -1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.service-categories ul li a span {
  color: var(--tj-color-heading-primary);
}
.service-categories ul li a .icon {
  font-size: 23px;
  line-height: 1;
  display: inline-flex;
  font-weight: var(--tj-fw-sbold);
  margin-top: -4px;
}
.service-categories ul li a:hover, .service-categories ul li a.active {
  color: var(--tj-color-theme-dark);
}
.service-categories ul li a:hover::before, .service-categories ul li a.active::before {
  width: 100%;
}
.service-categories ul li a:hover span, .service-categories ul li a.active span {
  color: var(--tj-color-theme-dark);
}

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

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

.blog-text .tj_accordion {
  margin-top: 22px;
  margin-bottom: 30px;
}

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

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

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

@keyframes bounceAnim {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-15px);
  }
  50% {
    transform: translateY(0);
  }
  75% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0);
  }
}
.tj-bounce-x {
  animation: bouncexAnim 4s linear infinite;
}

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

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

@-webkit-keyframes zoomEffect {
  0% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(0.9);
  }
}
@-moz-keyframes zoomEffect {
  0% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(0.9);
  }
}
@keyframes zoomEffect {
  0% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(0.9);
  }
}
.zoomInOut-2 {
  animation: zoomEffect2 3s linear infinite;
}

@-webkit-keyframes zoomEffect2 {
  0% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.9);
  }
}
@-moz-keyframes zoomEffect2 {
  0% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.9);
  }
}
@keyframes zoomEffect2 {
  0% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.9);
  }
}
.zoomInOut-3 {
  animation: zoomEffect3 2s alternate ease-in-out infinite;
}

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

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

.throwable_wrapper {
  pointer-events: none;
}

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

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

/* !END: Integration CSS */
/**----------------------------------------
START: Theme Header CSS
----------------------------------------*/
.header-area.header-4.header-absolute {
  top: 30px;
  padding: 0 30px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-area.header-4.header-absolute {
    top: 15px;
    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-4.header-absolute .header-bottom {
    padding: 0;
  }
}
.header-area.header-4 .site_logo {
  padding: 20px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-area.header-4 .site_logo {
    padding: 15px 0;
  }
}
.header-area.header-4 .mainmenu {
  background-color: var(--tj-color-theme-dark);
  border-radius: 50px;
  padding: 0 30px;
  border: 1px solid var(--tj-color-border-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-area.header-4 .mainmenu {
    padding: 0 20px;
  }
}
.header-area.header-4 .mainmenu ul > li > a {
  padding-top: 16px;
  padding-bottom: 16px;
}
.header-area.header-4 .mainmenu ul > li.menu-item-has-children > a::after, .header-area.header-4 .mainmenu ul > li.has-dropdown > a::after {
  top: 20px;
}
.header-area.header-4 .mainmenu ul > li .sub-menu > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* !END: Theme Header CSS */
/**----------------------------------------
START: Theme Footer CSS
----------------------------------------*/
.tj-footer-section.footer-4 {
  background-color: transparent;
  padding: 0;
  border-radius: 0;
}
.tj-footer-section.footer-4 .bg-img {
  opacity: 0.1;
  mix-blend-mode: normal;
}
.tj-footer-section.footer-4::after, .tj-footer-section.footer-4::before {
  display: none;
}

.footer-4 .footer-main-area {
  padding: 120px 0 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-4 .footer-main-area {
    padding: 90px 0 80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-4 .footer-main-area {
    padding: 70px 0 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-4 .footer_widget_wrapper .footer-widget {
    max-width: calc(50% - 15px);
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-4 .footer_widget_wrapper .footer-widget {
    max-width: 100%;
    width: 100%;
    margin: 0;
  }
}
.footer-4 .footer_socials li a:not(:hover) {
  opacity: 0.18;
}
.footer-4 .widget-nav-menu ul li a {
  color: var(--tj-color-text-body);
}
.footer-4 .widget-nav-menu ul li a:hover {
  color: var(--tj-color-theme-primary);
}
.footer-4 .tj-copyright-area::before {
  width: 600px;
  height: 400px;
  margin: 0 auto;
  bottom: -200px;
  left: 0;
  right: 0px;
  opacity: 0.2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-4 .tj-copyright-area::before {
    width: 400px;
    height: 300px;
    bottom: -170px;
  }
}
@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-4 .tj-copyright-area::before {
    display: block;
    width: 300px;
    height: 200px;
    bottom: -80px;
  }
}

/* !END: Theme Footer CSS */
/**----------------------------------------
START: Hero CSS
----------------------------------------*/
.tj-banner-section-3 {
  min-height: 1000px;
  padding-top: 173px;
  border-radius: 16px;
  background-color: var(--tj-color-theme-bg);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-banner-section-3 {
    min-height: 728px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-banner-section-3 {
    min-height: 628px;
    padding-top: 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-banner-section-3 {
    min-height: 700px;
    padding-top: 120px;
    border-radius: 12px;
  }
}
@media (max-width: 575px) {
  .tj-banner-section-3 {
    min-height: 550px;
  }
}
.tj-banner-section-3 .hero-bg {
  opacity: 1;
  border-radius: 16px;
  background-position: center top;
  mix-blend-mode: normal;
}
.tj-banner-section-3 .banner-content {
  max-width: 900px;
  margin: 0 auto;
  align-items: center;
  text-align: center;
  padding-top: 0;
  position: relative;
  z-index: 2;
}
.tj-banner-section-3 .banner-content .sub-title {
  color: var(--tj-color-heading-primary);
  text-transform: capitalize;
  letter-spacing: 0;
  background-color: rgba(250, 251, 251, 0.08);
  backdrop-filter: blur(20px);
  padding: 5px 10px;
  border-radius: 40px;
}
.tj-banner-section-3 .banner-content .sub-title i {
  font-size: 18px;
  color: var(--tj-color-theme-primary);
}
@media (max-width: 575px) {
  .tj-banner-section-3 .banner-content .banner-title {
    font-size: 36px;
    line-height: 1.167;
  }
}
.tj-banner-section-3 .banner-content .banner-desc {
  max-width: 595px;
  width: 100%;
  font-size: 18px;
  margin-top: 18px;
}
@media (max-width: 575px) {
  .tj-banner-section-3 .banner-content .banner-desc {
    font-size: 16px;
  }
}
.tj-banner-section-3 .banner-content .btn-area {
  gap: 15px;
}
.tj-banner-section-3 .banner-content .list-area {
  margin-top: 33px;
  margin-bottom: 0;
}
.tj-banner-section-3 .banner-content .list-area .list-style-1 {
  gap: 30px;
}
.tj-banner-section-3 .banner-content .list-area .list-style-1 li {
  color: var(--tj-color-common-white);
}
.tj-banner-section-3 .banner-content .list-area .list-style-1 li span {
  color: var(--tj-color-theme-primary);
  background: var(--tj-color-theme-dark);
  border: 1px solid 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) {
  .tj-banner-section-3 .banner-content .list-area .list-style-1 {
    gap: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-banner-section-3 .banner-content {
    max-width: 650px;
  }
}
.tj-banner-section-3 .banner-img {
  max-width: 1320px;
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
  margin-top: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-banner-section-3 .banner-img {
    margin-top: 60px;
    border-radius: 12px;
  }
}

.video-btn-2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: var(--tj-color-heading-primary);
  background-color: var(--tj-color-theme-dark);
  font-size: 16px;
  font-weight: var(--tj-fw-sbold);
  padding: 17px 30px;
  text-align: center;
  border-radius: 50px;
  line-height: 1;
  position: relative;
  z-index: 2;
  overflow: hidden;
  white-space: nowrap;
  border: 1px solid var(--tj-color-border-1);
}
.video-btn-2 .btn-icon {
  color: var(--tj-color-heading-primary);
  font-size: 12px;
  line-height: 1;
}
.video-btn-2 .btn-text {
  color: var(--tj-color-heading-primary);
  line-height: 1.25;
  overflow: hidden;
}
.video-btn-2 .btn-text span {
  display: flex;
  line-height: 1.25;
  text-shadow: 0 30px 0;
  backface-visibility: hidden;
  transform: translateY(0);
  transition: 0.4s ease-in-out;
}
@media (max-width: 575px) {
  .video-btn-2 .btn-text {
    display: none;
  }
}
.video-btn-2:hover .btn-text span {
  transform: translateY(-30px);
}
@media (max-width: 575px) {
  .video-btn-2 {
    padding: 20px;
  }
}

/* !END: Hero CSS */
/**----------------------------------------
START: Choose CSS
----------------------------------------*/
.choose-box.h4-choose .choose-inner {
  padding: 15px;
  border: 1px solid var(--tj-color-border-1);
}
.choose-box.h4-choose .choose-content {
  padding: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .choose-box.h4-choose .choose-content {
    padding: 15px 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .choose-box.h4-choose .choose-content {
    padding: 10px 0;
  }
}
.choose-box.h4-choose .choose-img {
  border-radius: 8px;
  overflow: hidden;
}
.choose-box.h4-choose .choose-img img {
  transform: scale(1.1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.choose-box.h4-choose .title {
  margin-top: 8px;
  margin-bottom: 16px;
}
.choose-box.h4-choose:hover .choose-img img {
  transform: scale(1);
}

/* !END: Choose CSS */
/**----------------------------------------
START: About CSS
----------------------------------------*/
.h4-about-section .sec-heading {
  margin-bottom: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h4-about-section .sec-heading .sec-title {
    font-size: 44px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h4-about-section .sec-heading .sec-title {
    font-size: 40px;
  }
}
.h4-about-section .about-left {
  max-width: 100%;
  height: 100%;
  position: relative;
  background-color: var(--tj-color-theme-bg);
  border-radius: 16px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h4-about-section .about-left {
    border-radius: 12px;
  }
}
.h4-about-section .about-img {
  mask-image: none;
  overflow: hidden;
  max-width: 915px;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
}
.h4-about-section .about-content-area {
  padding: 120px 20px 120px 95px;
  background-color: var(--tj-color-theme-bg);
  border: 1px solid var(--tj-color-border-1);
}
.h4-about-section .about-content-area .about-content {
  max-width: 555px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h4-about-section .about-content-area .about-content {
    max-width: 700px;
  }
}
.h4-about-section .about-content-area .desc {
  max-width: 530px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h4-about-section .about-content-area .desc {
    max-width: 570px;
  }
}
.h4-about-section .about-content-area::before {
  display: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h4-about-section .about-content-area {
    padding: 120px 20px 120px 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h4-about-section .about-content-area {
    padding: 100px 20px 100px 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) {
  .h4-about-section .about-content-area {
    max-width: 100%;
    padding: 60px 15px;
    border-radius: 12px;
    background-color: var(--tj-color-theme-bg);
  }
}

.clients-review-area {
  display: inline-flex;
  justify-content: space-between;
  gap: 20px;
  max-width: 350px;
  width: 100%;
  margin-top: 52px;
  padding-top: 22px;
  border-top: 1px solid var(--tj-color-border-1);
  position: relative;
}
.clients-review-area .separator-line {
  width: 1px;
  height: 68px;
  border-left: 1px solid var(--tj-color-border-1);
  margin-top: 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) {
  .clients-review-area {
    margin-top: 40px;
  }
}
.clients-review-point .total-point {
  color: var(--tj-color-heading-primary);
  font-size: 52px;
  line-height: 0.85;
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-sbold);
  letter-spacing: -0.03em;
  margin-bottom: 11px;
}
@media (max-width: 575px) {
  .clients-review-point .total-point {
    font-size: 48px;
  }
}
.clients-review-point span {
  display: inline-flex;
  line-height: 1.3;
}
.clients-review-rating .title {
  color: var(--tj-color-heading-primary);
  margin-bottom: 18px;
}
.clients-review-rating .review-stars {
  display: inline-flex;
  gap: 2px;
}
.clients-review-rating .review-stars span {
  font-size: 15px;
  line-height: 1;
  color: var(--tj-color-theme-primary);
  background-color: var(--tj-color-theme-dark);
  border: 1px solid var(--tj-color-border-1);
  border-radius: 4px;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 575px) {
  .clients-review-rating .review-stars span {
    font-size: 13px;
    width: 25px;
    height: 25px;
  }
}

/* !END: About CSS */
/**----------------------------------------
START: Services CSS
----------------------------------------*/
.service-item-3.service-item {
  padding-bottom: 0;
}
.service-item-3.service-item:not(:last-child) {
  margin-bottom: 30px;
}
.service-item-3.service-item .service-inner {
  padding: 52px 30px;
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  position: relative;
  z-index: 3;
  overflow: hidden;
  min-height: 183px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .service-item-3.service-item .service-inner {
    padding: 30px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .service-item-3.service-item .service-inner {
    gap: 20px;
  }
}
.service-item-3.service-item .item-count {
  position: static;
  width: auto;
  height: auto;
  font-size: 18px;
  line-height: 1;
  color: var(--tj-color-text-body-2);
  background-color: transparent;
  border-radius: 0;
  border: 0;
}
.service-item-3.service-item .item-count::before, .service-item-3.service-item .item-count::after {
  display: none;
}
.service-item-3.service-item .service-content {
  max-width: 235px;
  width: 100%;
  display: flex;
  align-items: start;
  gap: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-item-3.service-item .service-content {
    max-width: 200px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .service-item-3.service-item .service-content {
    max-width: 100%;
  }
}
.service-item-3.service-item .title {
  margin-top: -7px;
  margin-bottom: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .service-item-3.service-item .title {
    margin-top: -5px;
  }
}
.service-item-3.service-item .desc {
  max-width: 380px;
  width: 100%;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-item-3.service-item .desc {
    max-width: 360px;
  }
}
@media (max-width: 575px) {
  .service-item-3.service-item .desc {
    max-width: 100%;
  }
}
.service-item-3.service-item .tj-icon-btn {
  background-color: var(--tj-color-theme-dark);
}
.service-item-3.service-item .service-img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  border-radius: 10px;
  pointer-events: none;
  transform: scale(1.1);
}
.service-item-3.service-item .service-img::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
  opacity: 0;
}
.service-item-3.service-item .service-img::after {
  content: "";
  position: absolute;
  width: 500px;
  height: 300px;
  bottom: -50%;
  left: 50%;
  border-radius: 50%;
  transform: translateX(-50%);
  background: var(--tj-color-theme-primary);
  -webkit-filter: blur(75px);
  filter: blur(75px);
  opacity: 0.25;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-item-3.service-item .service-img::after {
    width: 400px;
    height: 250px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .service-item-3.service-item .service-img::after {
    width: 250px;
    height: 200px;
  }
}
.service-item-3.service-item.active .service-inner {
  border-color: var(--tj-color-theme-primary);
  min-height: 366px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-item-3.service-item.active .service-inner {
    min-height: 300px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .service-item-3.service-item.active .service-inner {
    min-height: 250px;
  }
}
.service-item-3.service-item.active .service-img {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.service-item-3.service-item.active .item-count {
  color: var(--tj-color-theme-primary);
}
.service-item-3.service-item.active .tj-icon-btn {
  background-color: var(--tj-color-theme-primary);
  border-color: var(--tj-color-theme-primary);
}
.service-item-3.service-item.active .tj-icon-btn i {
  color: var(--tj-color-theme-dark);
}

/* !END: Services CSS */
/**----------------------------------------
START: Technologies CSS
----------------------------------------*/
.h4-technologies-section {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  padding-bottom: 40px;
}
.h4-technologies-section .technologies-right,
.h4-technologies-section .technologies-left {
  width: 50%;
  flex: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h4-technologies-section .technologies-right,
  .h4-technologies-section .technologies-left {
    width: 100%;
    flex: 0 0 auto;
  }
}
.h4-technologies-section .sec-heading {
  margin-bottom: 0;
}

.tech-left-area {
  background-color: var(--tj-color-theme-bg);
  border-radius: 16px;
  padding: 120px 130px 120px 30px;
  border: 1px solid var(--tj-color-border-1);
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tech-left-area {
    padding: 100px 30px;
    justify-content: flex-start;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tech-left-area {
    padding: 60px 15px;
    justify-content: flex-start;
  }
}

.tech-left-content {
  max-width: 530px;
  width: 100%;
}
.tech-left-content .desc {
  margin-top: 16px;
  margin-bottom: 26px;
}

.technologies-item-wrap-2 {
  margin-top: 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) {
  .technologies-item-wrap-2 {
    margin-top: 30px;
  }
}
.technologies-item-wrap-2 .tech-icon {
  max-width: 64px;
  height: auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .technologies-item-wrap-2 .tech-icon {
    max-width: 50px;
  }
}
.technologies-item-wrap-2 .scroll-slider {
  --gap: 130px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .technologies-item-wrap-2 .scroll-slider {
    --gap: 45px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .technologies-item-wrap-2 .scroll-slider {
    --gap: 30px;
  }
}
.technologies-item-wrap-2 .scroll-slider .scroll-wrapper {
  --gap: 60px;
  animation-duration: 20s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .technologies-item-wrap-2 .scroll-slider .scroll-wrapper {
    --gap: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .technologies-item-wrap-2 .scroll-slider .scroll-wrapper {
    --gap: 30px;
  }
}

.technologies-right {
  background-color: var(--tj-color-theme-bg);
  position: relative;
  z-index: 1;
  border: 1px solid var(--tj-color-border-1);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
}
.technologies-right::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 450px;
  height: 450px;
  border-radius: 50%;
  background: var(--tj-color-theme-primary);
  -webkit-filter: blur(75px);
  filter: blur(75px);
  transform: translate(-50%, -50%);
  opacity: 0.25;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .technologies-right::before {
    width: 400px;
    height: 400px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
  .technologies-right::before {
    width: 330px;
    height: 330px;
  }
}
@media (max-width: 575px) {
  .technologies-right::before {
    width: 60%;
    height: 60%;
  }
}
.technologies-right .bg-img {
  opacity: 0.1;
  mix-blend-mode: luminosity;
}

.tech-circle-img {
  max-width: 545px;
  width: 100%;
}
.tech-circle-img img {
  width: 100%;
}

/* !END: Technologies CSS */
/**----------------------------------------
START: Testimonial CSS
----------------------------------------*/
.h4-testimonial-section .sec-heading {
  max-width: 570px;
  margin-bottom: 62px;
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .h4-testimonial-section .sec-heading {
    margin-bottom: 50px;
  }
}
@media (max-width: 575px) {
  .h4-testimonial-section .sec-heading {
    margin-bottom: 40px;
  }
}

.testimonial-wrapper-3 {
  margin-bottom: 30px;
  background-color: var(--tj-color-theme-bg);
  border-radius: 16px;
  padding: 105px 60px 60px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial-wrapper-3 {
    padding: 80px 40px 50px;
  }
}
@media (max-width: 575px) {
  .testimonial-wrapper-3 {
    padding: 65px 20px 40px;
  }
}
.testimonial-wrapper-3 .quote-icon {
  font-size: 70px;
  width: 130px;
  height: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--tj-color-theme-dark);
  color: var(--tj-color-theme-primary);
  border-radius: 100%;
  position: absolute;
  top: -65px;
  left: 50%;
  transform: translateX(-50%);
}
.testimonial-wrapper-3 .quote-icon i {
  transform: scale(-1);
  margin-top: 20px;
}
.testimonial-wrapper-3 .quote-icon::after, .testimonial-wrapper-3 .quote-icon::before {
  content: "";
  position: absolute;
  background-color: transparent;
  bottom: 32px;
  left: -15px;
  width: 16px;
  height: 32px;
  box-shadow: 0 16px 0 0 var(--tj-color-theme-dark);
  border-radius: 0 0 16px 0;
  z-index: -1;
  transform: scaleY(-1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial-wrapper-3 .quote-icon::after, .testimonial-wrapper-3 .quote-icon::before {
    bottom: 17px;
  }
}
@media (max-width: 575px) {
  .testimonial-wrapper-3 .quote-icon::after, .testimonial-wrapper-3 .quote-icon::before {
    bottom: 8px;
  }
}
.testimonial-wrapper-3 .quote-icon::after {
  left: auto;
  right: -15px;
  border-radius: 0 0 0 16px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial-wrapper-3 .quote-icon {
    font-size: 50px;
    width: 100px;
    height: 100px;
    top: -50px;
  }
}
@media (max-width: 575px) {
  .testimonial-wrapper-3 .quote-icon {
    font-size: 40px;
    width: 80px;
    height: 80px;
    top: -40px;
  }
}
.testimonial-wrapper-3 .testimonial-item {
  background-color: transparent;
  border-radius: 0;
  margin: 0;
  padding: 0;
}
.testimonial-wrapper-3 .testimonial-item::before {
  display: none;
}
.testimonial-wrapper-3 .testimonial-item .desc {
  font-size: 26px;
  line-height: 1.54;
  max-width: 905px;
  margin: 0 auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-wrapper-3 .testimonial-item .desc {
    font-size: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-wrapper-3 .testimonial-item .desc {
    font-size: 18px;
  }
}
.testimonial-wrapper-3 .client-thumb {
  margin: 40px auto 0;
}
.testimonial-wrapper-3 .client-thumb .thumb-img {
  opacity: 0.2;
}
.testimonial-wrapper-3 .client-thumb .swiper-slide-active .thumb-img {
  opacity: 1;
}
@media (max-width: 575px) {
  .testimonial-wrapper-3 .client-thumb {
    margin: 30px auto 0;
  }
}
.testimonial-wrapper-3 .testimonial-navigation {
  max-width: 100%;
  opacity: 1;
}
.testimonial-wrapper-3 .slider-next:not(:hover),
.testimonial-wrapper-3 .slider-prev:not(:hover) {
  background-color: var(--tj-color-theme-dark);
}
.testimonial-wrapper-3 .slider-prev {
  margin-left: -25px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-wrapper-3 .slider-prev {
    margin-left: 10px;
  }
}
.testimonial-wrapper-3 .slider-next {
  margin-right: -25px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-wrapper-3 .slider-next {
    margin-right: 10px;
  }
}
.testimonial-wrapper-3 .swiper-pagination-area {
  margin-top: 50px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-wrapper-3 .swiper-pagination-area {
    margin-top: 30px;
  }
}

/* !END: Testimonial CSS */
/**----------------------------------------
START: Countup CSS
----------------------------------------*/
.countup-item.h4-countup {
  background-color: var(--tj-color-theme-bg);
  border: 1px solid var(--tj-color-border-1);
  border-radius: 10px;
  padding: 30px 28px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.countup-item.h4-countup .subtitle {
  font-size: 16px;
  line-height: 1;
  font-weight: var(--tj-fw-sbold);
  color: var(--tj-color-theme-primary);
  display: inline-flex;
  background-color: var(--tj-color-theme-dark);
  border: 1px solid var(--tj-color-border-1);
  border-radius: 30px;
  position: relative;
  padding: 4px 10px 4px 20px;
  margin-bottom: 70px;
}
.countup-item.h4-countup .subtitle::before {
  content: "";
  width: 4px;
  height: 4px;
  background-color: var(--tj-color-theme-primary);
  border-radius: 100%;
  position: absolute;
  left: 10px;
  top: 10px;
}
.countup-item.h4-countup .inline-content {
  align-items: flex-end;
}
.countup-item.h4-countup .inline-content .count-plus {
  font-size: 48px;
}
.countup-item.h4-countup .count-text {
  font-size: 16px;
  font-weight: var(--tj-fw-regular);
}
.countup-item.h4-countup:hover {
  border-color: var(--tj-color-theme-primary);
}

/* !END: Countup CSS */
/**----------------------------------------
START: CTA CSS
----------------------------------------*/
.h4-cta-section {
  background-color: var(--tj-color-theme-bg);
  position: relative;
  z-index: 1;
  border-radius: 16px;
  overflow: hidden;
}
.h4-cta-section .sec-heading-centered {
  max-width: 640px;
  margin-bottom: 0;
}
.h4-cta-section .sec-title span {
  color: var(--tj-color-theme-primary);
}
.h4-cta-section .desc {
  max-width: 430px;
  margin: 15px auto 25px;
}
.h4-cta-section .cta-area {
  background: transparent;
  border-radius: 0;
  padding: 100px 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) {
  .h4-cta-section .cta-area {
    padding: 60px 20px;
  }
}
@media (max-width: 575px) {
  .h4-cta-section .subscribe-form.cta-form [type=submit] .btn-icon i {
    color: var(--tj-color-theme-dark);
  }
  .h4-cta-section .subscribe-form.cta-form [type=submit] .btn-icon::before {
    background-color: var(--tj-color-theme-primary);
  }
}

/* !END: CTA CSS */
/**----------------------------------------
START: Theme Header CSS
----------------------------------------*/
.header-area.header-5.header-absolute {
  top: 30px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-area.header-5.header-absolute {
    top: 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-5.header-absolute .header-bottom {
    padding: 0;
  }
}
.header-area.header-5.header-absolute .header-wrapper {
  background-color: var(--tj-color-theme-dark);
  border-radius: 45px;
  border: 1px solid var(--tj-color-border-1);
  padding: 0 15px;
}
.header-area.header-5.header-duplicate {
  background-color: transparent;
  box-shadow: none;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-area.header-5.header-duplicate .header-bottom {
    padding: 0;
  }
}
.header-area.header-5.header-duplicate .header-wrapper {
  background-color: var(--tj-color-theme-dark);
  border-radius: 45px;
  border: 1px solid var(--tj-color-border-1);
  padding: 0 15px;
}
.header-area.header-5 .site_logo {
  padding: 14px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-area.header-5 .site_logo {
    padding: 15px 0;
  }
}
.header-area.header-5 .mainmenu ul > li > a {
  padding-top: 28px;
  padding-bottom: 28px;
}
.header-area.header-5 .mainmenu ul > li.menu-item-has-children > a::after, .header-area.header-5 .mainmenu ul > li.has-dropdown > a::after {
  top: 30px;
}
.header-area.header-5 .mainmenu ul > li .sub-menu > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
}
.header-area.header-5 .header-button {
  gap: 14px;
}
.header-area.header-5 .header-button .tj-primary-btn .btn-icon i {
  transform: rotate(0);
}

.tj-primary-btn.signup-btn {
  background-color: var(--tj-color-theme-bg);
  border: 1px solid var(--tj-color-theme-primary);
  padding: 10px 28px;
}
.tj-primary-btn.signup-btn .btn-text {
  color: var(--tj-color-heading-primary);
}

/* !END: Theme Header CSS */
/**----------------------------------------
START: Theme Footer CSS
----------------------------------------*/
.tj-footer-section.footer-5 {
  padding-top: 100px;
}
.tj-footer-section.footer-5 .bg-img {
  mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%, rgb(0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%);
}
.tj-footer-section.footer-5::before {
  top: -250px;
  left: 50%;
  right: auto;
  max-width: 1550px;
  width: 100%;
  height: 500px;
  transform: translateX(-50%);
}
.tj-footer-section.footer-5::after {
  display: none;
}

.footer-5 .footer-cta-content {
  max-width: 610px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.footer-5 .footer-cta-content .footer-award {
  max-width: 163px;
  width: 100%;
  margin: 0 auto 17px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-5 .footer-cta-content .footer-award {
    max-width: 130px;
  }
}
.footer-5 .footer-cta-content .title {
  margin-bottom: 26px;
}
.footer-5 .footer-main-area {
  padding: 100px 0 0 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-5 .footer-main-area {
    padding: 90px 0 0 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-5 .footer-main-area {
    padding: 70px 0 0 0;
  }
}
.footer-5 .footer_widget_wrapper {
  background-color: var(--tj-color-theme-dark);
  padding: 100px 30px 88px;
  border-radius: 20px;
}
.footer-5 .footer_widget_wrapper .subscription_widget {
  max-width: 416px;
  width: 100%;
}
.footer-5 .footer_widget_wrapper .subscription_widget .subscribe_form input[type=email] {
  background-color: var(--tj-color-theme-bg);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-5 .footer_widget_wrapper .footer-widget {
    max-width: calc(50% - 15px);
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-5 .footer_widget_wrapper .footer-widget {
    max-width: 100%;
    width: 100%;
    margin: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-5 .footer_widget_wrapper {
    padding: 80px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-5 .footer_widget_wrapper {
    padding: 70px 15px;
  }
}
.footer-5 .widget-nav-menu ul li a {
  color: var(--tj-color-text-body);
}
.footer-5 .widget-nav-menu ul li a:hover {
  color: var(--tj-color-theme-primary);
}
.footer-5 .footer-contact-info .contact-item span {
  color: var(--tj-color-text-body);
}
.footer-5 .footer-contact-info .contact-item a {
  color: var(--tj-color-text-body);
}
.footer-5 .footer-contact-info .contact-item a:hover {
  color: var(--tj-color-theme-primary);
}
.footer-5 .footer_bottom_area {
  padding: 23px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-5 .copyright-text {
    order: 1;
  }
  .footer-5 .copyright-menu {
    order: 3;
  }
  .footer-5 .footer_socials {
    order: 2;
  }
}

/* !END: Theme Footer CSS */
/**----------------------------------------
START: Hero CSS
----------------------------------------*/
.tj-banner-section.h5-banner-section {
  margin: 0;
  border-radius: 0 0 20px 20px;
  padding-top: 260px;
  padding-bottom: 60px;
  min-height: 880px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tj-banner-section.h5-banner-section {
    padding-top: 210px;
    min-height: 800px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-banner-section.h5-banner-section {
    min-height: 740px;
    padding-top: 180px;
  }
}
@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.h5-banner-section {
    padding-top: 160px;
  }
}
.tj-banner-section.h5-banner-section .banner-content {
  max-width: 590px;
  padding-top: 0;
  margin-inline-start: 0;
  display: block;
}
.tj-banner-section.h5-banner-section .banner-content .sub-title {
  color: var(--tj-color-text-body);
  text-transform: capitalize;
  letter-spacing: 0;
  background-color: var(--tj-color-theme-bg);
  backdrop-filter: blur(20px);
  border: 1px solid var(--tj-color-border-1);
  padding: 5px 10px;
  border-radius: 40px;
}
.tj-banner-section.h5-banner-section .banner-content .sub-title i {
  color: var(--tj-color-theme-primary);
  font-size: 16px;
}
.tj-banner-section.h5-banner-section .banner-content .banner-title {
  font-size: 80px;
  line-height: 1;
  margin-bottom: 13px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tj-banner-section.h5-banner-section .banner-content .banner-title {
    font-size: 76px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tj-banner-section.h5-banner-section .banner-content .banner-title {
    font-size: 65px;
  }
}
@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-banner-section.h5-banner-section .banner-content .banner-title {
    font-size: 53px;
  }
}
@media (max-width: 575px) {
  .tj-banner-section.h5-banner-section .banner-content .banner-title {
    font-size: 45px;
  }
}
.tj-banner-section.h5-banner-section .banner-content .banner-desc {
  font-size: 18px;
  max-width: 480px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tj-banner-section.h5-banner-section .banner-content .banner-desc {
    max-width: 410px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-banner-section.h5-banner-section .banner-content .banner-desc {
    font-size: 16px;
    max-width: 320px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-banner-section.h5-banner-section .banner-content .banner-desc {
    font-size: 16px;
    max-width: 380px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tj-banner-section.h5-banner-section .banner-content {
    max-width: 560px;
  }
}
.tj-banner-section.h5-banner-section .banner-img-area {
  max-width: 390px;
  width: 100%;
  margin-inline-start: 120px;
  position: relative;
}
.tj-banner-section.h5-banner-section .banner-img-area::before {
  display: none;
}
.tj-banner-section.h5-banner-section .banner-img-area .banner-img {
  max-width: 390px;
  border-radius: 10px;
  mask-image: none;
}
.tj-banner-section.h5-banner-section .banner-img-area .banner-img-2 {
  max-width: 198px;
  width: 100%;
  margin-top: 42px;
  margin-inline-start: auto;
  margin-inline-end: auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-banner-section.h5-banner-section .banner-img-area .banner-img-2 {
    max-width: 160px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-banner-section.h5-banner-section .banner-img-area .banner-img-2 {
    max-width: 160px;
    margin-top: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-banner-section.h5-banner-section .banner-img-area .box-item-wrap {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-top: 20px;
  }
}
.tj-banner-section.h5-banner-section .banner-img-area .box-item {
  max-width: 170px;
  width: 100%;
  position: absolute;
  bottom: 20px;
  left: -200px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tj-banner-section.h5-banner-section .banner-img-area .box-item {
    bottom: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tj-banner-section.h5-banner-section .banner-img-area .box-item {
    bottom: 0;
    left: -185px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-banner-section.h5-banner-section .banner-img-area .box-item {
    max-width: 165px;
    bottom: -10px;
    left: -180px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-banner-section.h5-banner-section .banner-img-area .box-item {
    position: static;
  }
}
.tj-banner-section.h5-banner-section .banner-img-area .box-item > img {
  position: absolute;
  top: -133px;
  left: 82px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tj-banner-section.h5-banner-section .banner-img-area .box-item > img {
    left: 68px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-banner-section.h5-banner-section .banner-img-area .box-item > img {
    max-width: 110px;
    top: -118px;
    left: 80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-banner-section.h5-banner-section .banner-img-area .box-item > img {
    display: none;
  }
}
.tj-banner-section.h5-banner-section .banner-img-area .box-item-inner {
  background-color: var(--tj-color-theme-dark);
  border: 1px solid var(--tj-color-border-1);
  border-radius: 8px;
  padding: 18px;
  display: flex;
  flex-direction: column;
}
.tj-banner-section.h5-banner-section .banner-img-area .box-item-inner img {
  width: 34px;
  margin-bottom: 18px;
}
.tj-banner-section.h5-banner-section .banner-img-area .box-item-inner .title {
  display: inline-flex;
  font-size: 44px;
  line-height: 0.85;
  letter-spacing: -0.02em;
  margin-bottom: 16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-banner-section.h5-banner-section .banner-img-area .box-item-inner .title {
    font-size: 38px;
  }
}
.tj-banner-section.h5-banner-section .banner-img-area .box-item-inner .text {
  font-size: 15px;
  display: inline-flex;
  line-height: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-banner-section.h5-banner-section .banner-img-area .box-item-inner .text {
    font-size: 14px;
  }
}
.tj-banner-section.h5-banner-section .banner-img-area .box-item-2 {
  bottom: auto;
  left: auto;
  top: -82px;
  right: -200px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tj-banner-section.h5-banner-section .banner-img-area .box-item-2 {
    top: -95px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tj-banner-section.h5-banner-section .banner-img-area .box-item-2 {
    top: -95px;
    right: -185px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-banner-section.h5-banner-section .banner-img-area .box-item-2 {
    top: -95px;
    right: -180px;
  }
}
.tj-banner-section.h5-banner-section .banner-img-area .box-item-2 > img {
  position: absolute;
  top: auto;
  left: auto;
  bottom: -126px;
  right: 82px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tj-banner-section.h5-banner-section .banner-img-area .box-item-2 > img {
    right: 68px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-banner-section.h5-banner-section .banner-img-area .box-item-2 > img {
    bottom: -113px;
    right: 80px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tj-banner-section.h5-banner-section .banner-img-area {
    max-width: 360px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tj-banner-section.h5-banner-section .banner-img-area {
    margin-inline-start: 135px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-banner-section.h5-banner-section .banner-img-area {
    max-width: 300px;
    margin-top: 30px;
    margin-inline-start: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-banner-section.h5-banner-section .banner-img-area {
    max-width: 340px;
    margin-inline-start: auto;
    margin-inline-end: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-banner-section.h5-banner-section .banner-img-area {
    margin-top: 83px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-banner-section.h5-banner-section .banner-img-area {
    max-width: 355px;
    margin-top: 60px;
  }
}
.tj-banner-section.h5-banner-section .blur-shape {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  pointer-events: none;
}
.tj-banner-section.h5-banner-section .blur-shape-2 {
  top: auto;
  left: auto;
  bottom: 0;
  right: 0;
}

/* !END: Hero CSS */
/**----------------------------------------
START: Client CSS
----------------------------------------*/
.tj-client-section .sec-heading-centered {
  max-width: 600px;
}

.client-slider-wrap {
  display: flex;
  flex-direction: column;
  gap: 25px;
  mask-image: linear-gradient(90deg, rgba(217, 217, 217, 0) 0%, rgb(166, 166, 166) 20%, rgb(140, 140, 140) 80%, rgba(115, 115, 115, 0) 100%);
}
.client-slider-wrap .scroll-slider {
  --gap: 25px;
}
.client-slider-wrap .scroll-slider .scroll-wrapper {
  --gap: 25px;
  animation: scroll 40s linear infinite;
}
.client-slider-wrap [dir=rtl] .scroll-wrapper {
  animation: scroll-rtl 40s linear infinite;
}
.client-slider-wrap .client-logo {
  width: 255px;
  height: 107px;
  padding: 20px;
  border-radius: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .client-slider-wrap .client-logo {
    width: 230px;
    height: 100px;
    padding: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .client-slider-wrap .client-logo {
    width: 180px;
    height: 85px;
    padding: 15px;
  }
}

/* !END: Client CSS */
/**----------------------------------------
START: Services CSS
----------------------------------------*/
.h5-service-section .sec-heading .desc {
  max-width: 325px;
  margin-bottom: 0;
}

.service-item.service-item-4 {
  position: relative;
  padding-bottom: 0;
  overflow: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service-item.service-item-4 .title {
    font-size: 20px;
  }
}
.service-item.service-item-4 .desc {
  color: var(--tj-color-text-body-2);
  margin-bottom: 0;
}
.service-item.service-item-4 .service-content {
  padding-bottom: 94px;
}
@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) {
  .service-item.service-item-4 .service-content {
    padding-bottom: 70px;
  }
}
.service-item.service-item-4 .service-inner {
  padding: 40px 30px 50px 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .service-item.service-item-4 .service-inner {
    padding: 40px 25px 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .service-item.service-item-4 .service-inner {
    padding: 30px 20px 50px 20px;
  }
}
.service-item.service-item-4 .service-icon {
  width: 95px;
  height: 95px;
  font-size: 44px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .service-item.service-item-4 .service-icon {
    width: 80px;
    height: 80px;
    font-size: 38px;
  }
}
.service-item.service-item-4 .service-btn {
  background-color: var(--tj-color-theme-dark);
  border: 1px solid var(--tj-color-border-1);
  border-bottom: 0;
  border-right: 0;
  border-radius: 12px 0 0 0;
  padding: 0 0 0 20px;
}
.service-item.service-item-4 .service-btn .tj-text-btn {
  padding: 16px 0;
}
.service-item.service-item-4 .service-btn::before, .service-item.service-item-4 .service-btn::after {
  content: "";
  position: absolute;
  background-color: transparent;
  top: -25px;
  right: 0;
  left: auto;
  width: 12px;
  height: 25px;
  box-shadow: 0 12px 0 0 var(--tj-color-theme-dark);
  border-top: 0;
  border-radius: 0 0 12px 0;
  border-bottom: 1px solid var(--tj-color-border-1);
  border-right: 1px solid var(--tj-color-border-1);
  pointer-events: none;
}
.service-item.service-item-4 .service-btn::after {
  top: auto;
  right: auto;
  bottom: 0;
  left: -12px;
}
.service-item.service-item-4 .item-count {
  font-size: 142px;
  line-height: 0.8;
  letter-spacing: -0.02em;
  color: transparent;
  -webkit-text-stroke: 1px var(--tj-color-border-1);
  background-color: transparent;
  border: 0;
  width: auto;
  height: auto;
  top: auto;
  right: auto;
  left: 28px;
  bottom: -45px;
}
.service-item.service-item-4 .item-count::after, .service-item.service-item-4 .item-count::before {
  display: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-item.service-item-4 .item-count {
    font-size: 110px;
    bottom: -30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .service-item.service-item-4 .item-count {
    font-size: 100px;
    left: 20px;
    bottom: -25px;
  }
}
.service-item.service-item-4:hover .desc {
  color: var(--tj-color-text-body);
}
.service-item.service-item-4:hover .item-count {
  color: transparent;
  opacity: 0;
  bottom: -20%;
}

.service-slider {
  overflow: visible;
}
.service-slider .nav-pagiation-wrap {
  margin-top: 60px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .service-slider .nav-pagiation-wrap {
    margin-top: 40px;
  }
}
.service-slider .slider-next:not(:hover),
.service-slider .slider-prev:not(:hover) {
  background-color: var(--tj-color-theme-bg);
}

.style-2 .swiper-pagination-bullet::before {
  display: none;
}

.nav-pagiation-wrap {
  display: inline-flex;
  align-items: center;
  gap: 14px;
}

/* !END: Services CSS */
/**----------------------------------------
START: About CSS
----------------------------------------*/
.tj-secure-section {
  padding-left: 30px;
  padding-right: 30px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-secure-section {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.secure-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 140px;
}
.secure-item:nth-child(even) {
  flex-direction: row-reverse;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .secure-item:nth-child(even) {
    flex-direction: column-reverse;
  }
}
.secure-item:not(:last-child) {
  margin-bottom: 140px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .secure-item:not(:last-child) {
    margin-bottom: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .secure-item:not(:last-child) {
    margin-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) {
  .secure-item:not(:last-child) {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .secure-item {
    gap: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .secure-item {
    gap: 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) {
  .secure-item {
    flex-direction: column-reverse;
    gap: 40px;
  }
}

.secure-img {
  max-width: 600px;
  width: 100%;
  margin: auto;
}
.secure-img-wrap {
  max-width: calc(50% - 15px);
  width: 100%;
  min-height: 724px;
  display: flex;
  flex: 1;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 12px;
  padding: 30px 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .secure-img-wrap {
    min-height: 495px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .secure-img-wrap {
    min-height: auto;
    max-width: 100%;
    flex: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .secure-img {
    max-width: 540px;
  }
}
.secure-img .img-reveal-2 {
  overflow: visible;
}

.secure-content {
  max-width: 525px;
  width: 100%;
  flex: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .secure-content {
    max-width: 100%;
    flex: auto;
  }
}
.secure-content .sec-heading {
  margin-bottom: 18px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .secure-content .sec-heading .sec-title {
    font-size: 44px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .secure-content .sec-heading .sec-title {
    font-size: 40px;
  }
}
.secure-content .desc {
  max-width: 500px;
  margin-bottom: 22px;
}
.secure-content .about-funfact {
  gap: 60px;
}
.secure-content .about-funfact .countup-item {
  max-width: 175px;
  width: 100%;
}
.secure-content .about-funfact .countup-item:not(:last-child)::after {
  border-right: 1px dashed var(--tj-color-border-1);
  inset-inline-end: -30px;
  top: 5px;
  height: calc(100% - 8px);
}
.secure-content .about-funfact .inline-content {
  font-size: 48px;
  margin-bottom: 10px;
}
.secure-content .about-funfact .count-text {
  font-size: 18px;
  line-height: 1.3;
  color: var(--tj-color-text-body);
}

/* !END: About CSS */
/**----------------------------------------
START: Testimonial CSS
----------------------------------------*/
.h5-testimonial-section {
  background-color: var(--tj-color-theme-bg);
  border-radius: 16px;
}
.h5-testimonial-section .testimonial-btn {
  text-align: center;
  margin-top: -30px;
}

.testimonial-wrapper-4 {
  height: 810px;
  display: flex;
  gap: 30px;
  mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 20%, rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-wrapper-4 {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.testimonial-wrapper-4 .testimonial_item_3 {
  background-color: var(--tj-color-theme-dark);
  position: relative;
  width: 100%;
  padding: 40px 30px 45px;
}
.testimonial-wrapper-4 .testimonial_item_3 .author_avatar_wrapper {
  display: block;
}
.testimonial-wrapper-4 .testimonial_item_3 .author_avatar_wrapper .author_info {
  margin-top: 8px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-wrapper-4 .testimonial_item_3 {
    padding-bottom: 86px;
  }
}
.testimonial-wrapper-4 .scroll-slider {
  width: 33.33%;
  flex-direction: column;
  flex: 1;
  --gap: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial-wrapper-4 .scroll-slider {
    width: 50%;
    --gap: 20px;
  }
  .testimonial-wrapper-4 .scroll-slider:last-child {
    display: none;
  }
}
@media (max-width: 575px) {
  .testimonial-wrapper-4 .scroll-slider {
    width: 100%;
    --gap: 20px;
  }
  .testimonial-wrapper-4 .scroll-slider:not(:first-child) {
    display: none;
  }
}
.testimonial-wrapper-4 .scroll-slider:nth-child(2) .scroll-wrapper {
  animation-delay: 2s;
  animation-duration: 20s;
}
.testimonial-wrapper-4 .scroll-wrapper {
  animation: vrt-scroll 30s linear infinite;
  flex-direction: column;
}
.testimonial-wrapper-4 [dir=rtl] .scroll-wrapper {
  animation-delay: 2s;
  animation-duration: 20s;
}
.testimonial-wrapper-4 [dir=rtl] .scroll-wrapper .testimonial_item_3 {
  direction: ltr;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-wrapper-4 .star-ratings {
    position: absolute;
    bottom: 45px;
    left: 32px;
  }
}

.author_avatar_wrapper .author_avatar {
  width: 72px;
  height: 72px;
  border-radius: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.author_avatar_wrapper .author_avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.author_avatar_wrapper .author_info {
  display: flex;
  flex-direction: column;
  align-items: start;
}
.author_avatar_wrapper .author_info .name {
  margin: 0;
}
.author_avatar_wrapper .author_info .designation {
  color: var(--tj-color-theme-dark-3);
  font-size: 14px;
  line-height: 1.3;
  display: flex;
  margin-top: 5px;
}

@keyframes vrt-scroll {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(calc(-100% - var(--gap)));
  }
}
@keyframes vrt-scroll-rtl {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(calc(100% + var(--gap)));
  }
}
/* !END: Testimonial CSS */
/**----------------------------------------
START: Pricing CSS
----------------------------------------*/
.price_switcher.style-2 .toggle_switcher {
  width: 203px;
  height: 52px;
  border-radius: 43px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.price_switcher.style-2 .toggle_switcher .toggle-switch {
  width: 100%;
  height: 100%;
  background-color: var(--tj-color-theme-primary);
  position: absolute;
  z-index: -1;
}
.price_switcher.style-2 .toggle_switcher .toggle-switch::before {
  background-color: var(--tj-color-theme-dark);
  width: 104px;
  height: 42px;
  border-radius: 50px;
  left: 4px;
}
.price_switcher.style-2 .toggle_switcher .toggle-m {
  color: var(--tj-color-heading-primary);
  transform: translateX(2px);
}
.price_switcher.style-2 .toggle_switcher .toggle-y {
  color: var(--tj-color-theme-dark);
  transform: translateX(-9px);
}
.price_switcher.style-2 .toggle_switcher .toggle-checkbox:checked + .toggle-switch::before {
  left: 94px;
}
.price_switcher.style-2 .toggle_switcher .toggle-checkbox:checked ~ .toggle-m {
  color: var(--tj-color-theme-dark);
}
.price_switcher.style-2 .toggle_switcher .toggle-checkbox:checked ~ .toggle-y {
  color: var(--tj-color-heading-primary);
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pricing-table-wrap {
    overflow: hidden;
    overflow-x: auto;
    padding: 0;
  }
}

.pricing-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pricing-wrapper {
    flex-direction: column;
    gap: 30px;
  }
}

.pricing-box {
  background: var(--tj-color-theme-bg);
  flex: 1;
  border: 1px solid var(--tj-color-border-1);
  position: relative;
  transition: 0.3s;
}
.pricing-box:first-child {
  border-radius: 10px 0 0 10px;
}
.pricing-box:last-child {
  border-radius: 0 10px 10px 0;
}
.pricing-box:not(:last-child) {
  border-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pricing-box {
    width: 100%;
    overflow: hidden;
    padding-bottom: 4px;
  }
  .pricing-box, .pricing-box:first-child, .pricing-box:last-child, .pricing-box:not(:last-child) {
    border-radius: 10px;
  }
}
.pricing-box .pricing-header {
  padding: 35px;
  min-height: 310px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background-color: var(--tj-color-theme-bg);
}
.pricing-box .pricing-header .title {
  font-size: 20px;
  margin-bottom: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pricing-box .pricing-header {
    min-height: 300px;
    padding: 30px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .pricing-box .pricing-header {
    min-height: auto;
    padding: 30px 20px;
  }
}
@media (max-width: 575px) {
  .pricing-box .pricing-header {
    min-height: auto;
    padding: 30px 15px;
  }
}
.pricing-box .pricing-package {
  display: flex;
  gap: 4px;
  font-size: 64px;
  line-height: 0.8;
  color: var(--tj-color-heading-primary);
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-sbold);
  margin: 30px 0 35px;
}
@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) {
  .pricing-box .pricing-package {
    font-size: 54px;
    margin: 25px 0 30px;
  }
}
.pricing-box .pricing-package .currency {
  font-size: 20px;
  color: var(--tj-color-text-body);
}
.pricing-box .pricing-package .price {
  letter-spacing: -0.03em;
}
.pricing-box .pricing-package .period {
  font-size: 16px;
  font-weight: var(--tj-fw-regular);
  color: var(--tj-color-text-body);
  margin-top: auto;
}
.pricing-box .desc {
  line-height: 1.5;
  margin-bottom: 0;
}
.pricing-box .pricing-btn {
  background-color: var(--tj-color-theme-dark);
  color: var(--tj-color-heading-primary);
  padding: 15px 47px;
  border: 1px solid var(--tj-color-border-1);
}
.pricing-box .pricing-btn .btn-text span {
  color: var(--tj-color-heading-primary);
}
.pricing-box .pricing-btn .btn-icon {
  font-size: 16px;
  width: 24px;
  height: 24px;
  background-color: var(--tj-color-theme-primary);
}
.pricing-box .pricing-btn .btn-icon i {
  color: var(--tj-color-theme-dark);
}
.pricing-box .pricing-btn .btn-icon::before {
  display: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .pricing-box .pricing-btn {
    padding: 15px 35px;
  }
}
@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) {
  .pricing-box .pricing-btn {
    padding: 12px 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) {
  .pricing-box .pricing-btn {
    width: 100%;
  }
}
.pricing-box .features div {
  min-height: 76px;
  padding: 12px 35px;
  border-top: 1px solid var(--tj-color-border-1);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--tj-color-heading-primary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .pricing-box .features div {
    padding: 12px 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) {
  .pricing-box .features div {
    justify-content: space-between;
    min-height: auto;
  }
  .pricing-box .features div span:first-child {
    display: block;
  }
}
@media (max-width: 575px) {
  .pricing-box .features div {
    padding: 12px 15px;
  }
}
.pricing-box .features-wrapper .title {
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pricing-box .features-wrapper .title {
    font-size: 18px;
    padding-inline-start: 20px;
    padding-bottom: 20px;
    padding-top: 4px;
    display: block;
  }
}
@media (max-width: 575px) {
  .pricing-box .features-wrapper .title {
    padding-inline-start: 15px;
  }
}
.pricing-box .features-wrapper .features div span:first-child {
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pricing-box .features-wrapper .features div span:first-child {
    display: block;
  }
}
.pricing-box .icon {
  font-size: 20px;
  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) {
  .pricing-box.package-name {
    display: none;
  }
}
.pricing-box.package-name .pricing-header {
  justify-content: flex-end;
  align-items: flex-start;
  text-align: start;
}
.pricing-box.package-name .pricing-header .title {
  font-size: 24px;
  max-width: 160px;
  margin-bottom: 0;
}
.pricing-box.package-name .features div {
  justify-content: flex-start;
}
.pricing-box.popular {
  background: var(--tj-color-theme-dark);
  border: 1px solid var(--tj-color-theme-primary);
  border-top-width: 0;
  border-radius: 0 0 10px 10px;
  padding-bottom: 30px;
  margin-bottom: -30px;
}
.pricing-box.popular .pricing-header {
  background-color: var(--tj-color-theme-dark);
}
.pricing-box.popular .pricing-btn {
  background-color: var(--tj-color-theme-primary);
  color: var(--tj-color-theme-dark);
  border-color: var(--tj-color-theme-primary);
}
.pricing-box.popular .pricing-btn .btn-text span {
  color: var(--tj-color-theme-dark);
  text-shadow: 0 30px 0;
}
.pricing-box.popular .pricing-btn .btn-icon {
  background-color: var(--tj-color-theme-dark);
}
.pricing-box.popular .pricing-btn .btn-icon i {
  color: var(--tj-color-heading-primary);
}
.pricing-box.popular .features div {
  border-color: transparent;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pricing-box.popular {
    padding-top: 42px;
    padding-bottom: 10px;
    flex-direction: column;
    margin-bottom: 0;
    border-top-width: 1px;
    border-radius: 10px;
  }
  .pricing-box.popular .pricing-header {
    padding-top: 24px;
  }
  .pricing-box.popular .features div {
    border-color: var(--tj-color-border-1);
  }
}
.pricing-box .popular-tag {
  width: calc(100% + 2px);
  background: linear-gradient(rgba(0, 0, 0, 0.25) 10%, rgba(0, 121, 216, 0.25) 100%);
  color: var(--tj-color-theme-primary);
  font-size: 15px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-weight: var(--tj-fw-sbold);
  padding: 18px;
  position: absolute;
  border-radius: 10px 10px 0 0;
  border: 1px solid var(--tj-color-theme-primary);
  border-bottom: 0;
  top: -51px;
}
@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) {
  .pricing-box .popular-tag {
    font-size: 13px;
    padding: 14px;
    top: -42px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pricing-box .popular-tag {
    top: 0;
    border-radius: 0;
    border: 0;
  }
}

/* !END: Pricing CSS */
/**----------------------------------------
START: Technologies CSS
----------------------------------------*/
.h5-technologies-section {
  background-color: var(--tj-color-theme-bg);
  border-radius: 16px;
  position: relative;
  z-index: 1;
}
.h5-technologies-section .bg-img {
  opacity: 0.15;
  mix-blend-mode: luminosity;
}
.h5-technologies-section .blur-shape {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  pointer-events: none;
}
.h5-technologies-section .blur-shape-2 {
  top: auto;
  left: auto;
  bottom: 0;
  right: 0;
}
.h5-technologies-section .sec-heading-centered {
  max-width: 655px;
  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) {
  .h5-technologies-section .sec-heading-centered {
    margin-bottom: 40px;
  }
}
.h5-technologies-section .desc {
  font-size: 18px;
  max-width: 480px;
  margin: 14px auto 0;
}
.h5-technologies-wrap .tech-item {
  background-color: var(--tj-color-theme-dark);
  border-radius: 135px;
  max-width: 284px;
  padding: 22px;
  align-items: center;
  flex: 0 0 auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .h5-technologies-wrap .tech-item {
    max-width: 270px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h5-technologies-wrap .tech-item {
    max-width: 210px;
    padding: 15px;
  }
}
.h5-technologies-wrap .tech-icon {
  max-width: 74px;
  height: 74px;
  border-radius: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .h5-technologies-wrap .tech-icon {
    max-width: 60px;
    height: 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) {
  .h5-technologies-wrap .tech-icon {
    max-width: 50px;
    height: 50px;
  }
}
.h5-technologies-wrap .tech-content .title {
  font-size: 28px;
  margin: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h5-technologies-wrap .tech-content .title {
    font-size: 22px;
  }
}
.h5-technologies-wrap .scroll-slider {
  --gap: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h5-technologies-wrap .scroll-slider {
    --gap: 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) {
  .h5-technologies-wrap .scroll-slider {
    --gap: 25px;
  }
}

/* !END: Technologies CSS */
/**----------------------------------------
START: Faq CSS
----------------------------------------*/
.h5-faq-section {
  position: relative;
  z-index: 1;
}
.h5-faq-section .sec-heading {
  max-width: 966px;
  width: 100%;
  margin-inline-start: auto;
  margin-inline-end: auto;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .h5-faq-section .sec-heading {
    max-width: 860px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h5-faq-section .sec-heading {
    max-width: 800px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h5-faq-section .sec-heading {
    max-width: 650px;
  }
}
.h5-faq-section .tj_accordion {
  max-width: 966px;
  width: 100%;
  margin: auto;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .h5-faq-section .tj_accordion {
    max-width: 860px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h5-faq-section .tj_accordion {
    max-width: 800px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h5-faq-section .tj_accordion {
    max-width: 650px;
  }
}
.h5-faq-section .shape {
  position: absolute;
  left: 0;
  bottom: 120px;
  max-width: 232px;
  width: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h5-faq-section .shape {
    max-width: 180px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h5-faq-section .shape {
    max-width: 160px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h5-faq-section .shape {
    display: none;
  }
}
.h5-faq-section .shape-2 {
  left: auto;
  bottom: auto;
  right: 0;
  top: 250px;
}

/* !END: Faq CSS */
/**----------------------------------------
START: Theme Header CSS
----------------------------------------*/
.header-area.header-6.header-absolute {
  top: 30px;
  padding: 0 30px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-area.header-6.header-absolute {
    top: 15px;
    padding: 0 15px;
  }
}
.header-area.header-6.header-absolute .header-bottom {
  border-bottom: 1px solid 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) {
  .header-area.header-6.header-absolute .header-bottom {
    padding: 0;
  }
}
.header-area.header-6.header-absolute .site_logo {
  padding: 20px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-area.header-6.header-absolute .site_logo {
    padding: 15px 0;
  }
}
.header-area.header-6.header-absolute .mainmenu > ul {
  column-gap: 0;
}
.header-area.header-6.header-absolute .mainmenu > ul > li > a {
  padding: 9px;
  padding-inline-start: 16px;
  padding-inline-end: 31px;
  background-color: var(--tj-color-theme-dark);
  border-radius: 21px;
  border: 1px solid var(--tj-color-border-1);
}
.header-area.header-6.header-absolute .mainmenu > ul > li > a:hover {
  border-color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-area.header-6.header-absolute .mainmenu > ul > li > a {
    padding: 6px;
    padding-inline-start: 11px;
    padding-inline-end: 26px;
  }
}
.header-area.header-6.header-absolute .mainmenu > ul > li.current-menu-ancestor > a {
  border-color: var(--tj-color-theme-primary);
}
.header-area.header-6.header-absolute .mainmenu > ul > li.menu-item-has-children > a::after, .header-area.header-6.header-absolute .mainmenu > ul > li.has-dropdown > a::after {
  top: 40%;
  right: 13px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-area.header-6.header-absolute .mainmenu > ul > li.menu-item-has-children > a::after, .header-area.header-6.header-absolute .mainmenu > ul > li.has-dropdown > a::after {
    top: 36%;
    right: 10px;
  }
}
.header-area.header-6.header-absolute .mainmenu > ul > li .sub-menu > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* !END: Theme Header CSS */
/**----------------------------------------
START: Theme Footer CSS
----------------------------------------*/
.footer-6 .tj-copyright-area::before {
  display: none;
}

/* !END: Theme Footer CSS */
/**----------------------------------------
START: Hero CSS
----------------------------------------*/
.h6-hero {
  min-height: 1000px;
  padding-top: 187px;
  padding-bottom: 0;
  border-radius: 16px;
  background-color: var(--tj-color-theme-bg);
  z-index: 0;
}
.h6-hero .hero-bg {
  opacity: 1;
  border-radius: 16px;
  background-position: center bottom;
  mix-blend-mode: normal;
}
.h6-hero .banner-content {
  max-width: 1000px;
  margin: 0 auto;
  align-items: center;
  text-align: center;
  padding-top: 0;
  position: relative;
  z-index: 2;
}
.h6-hero .banner-content .sub-title {
  color: var(--tj-color-heading-primary);
  text-transform: capitalize;
  letter-spacing: 0;
  background-color: rgba(250, 251, 251, 0.08);
  backdrop-filter: blur(20px);
  padding: 5px 10px;
  border-radius: 40px;
}
.h6-hero .banner-content .sub-title i {
  font-size: 18px;
  color: var(--tj-color-theme-primary);
}
.h6-hero .banner-content .btn-area {
  gap: 15px;
}
.h6-hero .banner-content .list-area {
  margin-top: 33px;
  margin-bottom: 0;
}
.h6-hero .banner-content .list-area .list-style-1 {
  gap: 30px;
}
.h6-hero .banner-content .list-area .list-style-1 li {
  color: var(--tj-color-common-white);
}
.h6-hero .banner-content .list-area .list-style-1 li span {
  color: var(--tj-color-theme-primary);
  background: var(--tj-color-theme-dark);
  border: 1px solid 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) {
  .h6-hero .banner-content .list-area .list-style-1 {
    gap: 20px;
  }
}
.h6-hero .banner-title {
  font-size: 78px;
  line-height: 1.179;
}
.h6-hero .banner-title span > span {
  display: inline-flex;
  align-items: center;
  transform: translateY(2px);
  transition: none;
}
.h6-hero .banner-title span > span > span:has(img) {
  display: inline-flex;
  align-items: center;
}
.h6-hero .banner-title span > span > span:has(img) img {
  width: 65px;
  height: 65px;
  background-color: var(--tj-color-border-1);
  padding: 2px;
  border-radius: 50%;
  line-height: 1;
  margin-inline-start: -22px;
}
.h6-hero .banner-title span > span > span:has(img) img:first-child {
  margin-inline-start: 0;
}
.h6-hero .banner-desc {
  max-width: 595px;
  width: 100%;
  font-size: 18px;
  margin-top: 18px;
}
@media (max-width: 575px) {
  .h6-hero .banner-desc {
    font-size: 16px;
  }
}
.h6-hero .hero-orbit {
  position: absolute;
  inset-inline-start: 50%;
  top: 85px;
  transform: translateX(-50%);
  max-width: 1410px;
  width: 100%;
  z-index: -1;
}
.h6-hero .hero-orbit-icon {
  position: absolute;
  background-color: var(--tj-color-border-1);
  border-radius: 100%;
  animation: zoomEffect2 1.5s infinite linear;
  z-index: 0;
}
.h6-hero .hero-orbit-icon-wrapper {
  height: 354px;
  position: absolute;
  inset-inline-start: -20px;
  inset-inline-end: -24px;
  top: 150px;
  z-index: 0;
}
.h6-hero .hero-orbit-icon:nth-child(1) {
  top: 44px;
  inset-inline-start: 0;
}
.h6-hero .hero-orbit-icon:nth-child(2) {
  bottom: 0;
  inset-inline-start: 20%;
}
.h6-hero .hero-orbit-icon:nth-child(3) {
  bottom: 60px;
  inset-inline-end: 17%;
}
.h6-hero .hero-orbit-icon:nth-child(4) {
  top: 0;
  inset-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) {
  .h6-hero .hero-orbit {
    display: none;
  }
}
.h6-hero .hero-chart-wrapper {
  max-width: 1362px;
  padding-inline-start: 15px;
  padding-inline-end: 15px;
  margin-inline-start: auto;
  margin-inline-end: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  mask-image: linear-gradient(180deg, var(--tj-color-grey-1) 50%, rgba(146, 153, 165, 0) 112.77%);
  gap: 30px;
  margin-top: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h6-hero .hero-chart-wrapper {
    margin-top: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-hero .hero-chart-wrapper {
    margin-top: 70px;
    mask-image: linear-gradient(180deg, var(--tj-color-grey-1) 55%, rgba(146, 153, 165, 0) 127.77%);
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .h6-hero .hero-orbit {
    max-width: 1265px;
  }
  .h6-hero .hero-orbit-icon:nth-child(2) {
    inset-inline-start: 24%;
  }
  .h6-hero .hero-orbit-icon:nth-child(3) {
    inset-inline-end: 19%;
  }
  .h6-hero .hero-chart-wrapper {
    max-width: 1235px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h6-hero .hero-orbit {
    max-width: 1064px;
  }
  .h6-hero .hero-orbit-icon-wrapper {
    height: 446px;
    inset-inline-start: -25px;
    inset-inline-end: -27px;
    top: 48px;
  }
  .h6-hero .hero-orbit-icon:nth-child(2) {
    inset-inline-start: 34%;
  }
  .h6-hero .hero-orbit-icon:nth-child(3) {
    inset-inline-end: 25%;
  }
  .h6-hero .hero-chart-wrapper {
    max-width: 1100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h6-hero .banner-title {
    font-size: 58px;
  }
  .h6-hero .banner-title span > span > span:has(img) img {
    margin-inline-start: -19px;
    width: 53px;
    height: 53px;
  }
  .h6-hero .hero-orbit {
    max-width: 870px;
  }
  .h6-hero .hero-orbit-icon-wrapper {
    height: 400px;
    inset-inline-start: -25px;
    inset-inline-end: -27px;
    top: 48px;
  }
  .h6-hero .hero-orbit-icon:nth-child(2) {
    inset-inline-start: 19%;
  }
  .h6-hero .hero-orbit-icon:nth-child(3) {
    inset-inline-end: 12%;
  }
  .h6-hero .hero-chart-wrapper {
    gap: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h6-hero {
    min-height: 870px;
    padding-top: 158px;
  }
  .h6-hero .banner-title {
    font-size: 48px;
  }
  .h6-hero .banner-title span > span > span:has(img) img {
    margin-inline-start: -15px;
    width: 45px;
    height: 45px;
  }
  .h6-hero .hero-orbit {
    max-width: 657px;
  }
  .h6-hero .hero-orbit-icon-wrapper {
    height: 348px;
    inset-inline-start: -25px;
    inset-inline-end: -27px;
    top: 10px;
  }
  .h6-hero .hero-orbit-icon:nth-child(2) {
    inset-inline-start: 12%;
    bottom: 16%;
  }
  .h6-hero .hero-orbit-icon:nth-child(3) {
    inset-inline-end: 12%;
  }
  .h6-hero .hero-chart-wrapper {
    gap: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .h6-hero {
    min-height: 870px;
    padding-top: 158px;
  }
  .h6-hero .banner-title {
    font-size: 45px;
  }
  .h6-hero .banner-title span > span > span:has(img) img {
    margin-inline-start: -10px;
    width: 45px;
    height: 45px;
  }
  .h6-hero .hero-orbit {
    max-width: 657px;
  }
  .h6-hero .hero-orbit-icon {
    width: 40px;
  }
  .h6-hero .hero-orbit-icon-wrapper {
    height: 284px;
    inset-inline-start: 0;
    inset-inline-end: 0;
    top: 10px;
  }
  .h6-hero .hero-orbit-icon:nth-child(1) {
    top: 9px;
    inset-inline-start: 7%;
  }
  .h6-hero .hero-orbit-icon:nth-child(2) {
    inset-inline-start: 5%;
    bottom: 0;
  }
  .h6-hero .hero-orbit-icon:nth-child(3) {
    inset-inline-end: 6%;
    bottom: 0;
  }
  .h6-hero .hero-orbit-icon:nth-child(4) {
    inset-inline-end: 7%;
  }
  .h6-hero .hero-chart-wrapper {
    flex-wrap: wrap;
    gap: 15px;
  }
  .h6-hero .hero-chart-img {
    width: 100%;
  }
  .h6-hero .hero-chart-img img {
    width: 100%;
  }
  .h6-hero .hero-chart-img:nth-child(2) {
    order: 3;
  }
  .h6-hero .hero-chart-img:nth-child(3) {
    order: 2;
  }
}
@media (max-width: 575px) {
  .h6-hero {
    min-height: 870px;
    padding-top: 158px;
  }
  .h6-hero .banner-title {
    font-size: 36px;
  }
  .h6-hero .banner-title span > span > span:has(img) img {
    margin-inline-start: -10px;
    width: 38px;
    height: 38px;
  }
  .h6-hero .hero-orbit {
    max-width: 657px;
  }
  .h6-hero .hero-orbit-icon {
    width: 40px;
  }
  .h6-hero .hero-orbit-icon-wrapper {
    height: 410px;
    inset-inline-start: 0;
    inset-inline-end: 0;
    top: 10px;
  }
  .h6-hero .hero-orbit-icon:nth-child(1) {
    top: 9px;
    inset-inline-start: 5%;
  }
  .h6-hero .hero-orbit-icon:nth-child(2) {
    inset-inline-start: 5%;
    bottom: 0;
  }
  .h6-hero .hero-orbit-icon:nth-child(3) {
    inset-inline-end: 6%;
    bottom: 0;
  }
  .h6-hero .hero-orbit-icon:nth-child(4) {
    inset-inline-end: 6%;
  }
  .h6-hero .hero-chart-wrapper {
    flex-wrap: wrap;
    gap: 15px;
  }
  .h6-hero .hero-chart-img {
    width: 100%;
  }
  .h6-hero .hero-chart-img img {
    width: 100%;
  }
  .h6-hero .hero-chart-img:nth-child(2) {
    order: 3;
  }
  .h6-hero .hero-chart-img:nth-child(3) {
    order: 2;
  }
}

/* !END: Hero CSS */
/**----------------------------------------
START: Choose CSS
----------------------------------------*/
.h6-choose-box .choose-inner {
  border-radius: 10px;
}
.h6-choose-box:hover .choose-inner {
  border-color: var(--tj-color-theme-primary);
  background-color: var(--tj-color-theme-primary);
}
.h6-choose-box:hover .choose-icon {
  background-color: var(--tj-color-theme-dark);
  border-color: var(--tj-color-theme-primary);
  color: var(--tj-color-theme-primary);
  transform: rotateY(360deg);
}
.h6-choose-box:hover .title {
  color: var(--tj-color-theme-dark);
}
.h6-choose-box:hover .desc {
  color: var(--tj-color-theme-dark);
}

/* !END: Choose CSS */
/**----------------------------------------
START: insights CSS
----------------------------------------*/
.insights-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.insights-box {
  padding: 40px 30px 0;
  background-color: var(--tj-color-theme-bg);
  border: 1px solid var(--tj-color-border-1);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.insights-box .title {
  margin-bottom: 16px;
}
.insights-box .desc {
  margin-bottom: 54px;
}
.insights-box:nth-child(1), .insights-box:nth-child(4) {
  width: calc(67% - 15px);
}
.insights-box:nth-child(2), .insights-box:nth-child(3) {
  width: calc(33% - 15px);
}
.insights-img {
  mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, var(--tj-color-common-black) 25%);
}
.insights-img img {
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .insights-wrapper {
    gap: 20px;
  }
  .insights-box {
    padding: 30px 30px 0;
  }
  .insights-box .desc {
    margin-bottom: 40px;
  }
  .insights-box:nth-child(1), .insights-box:nth-child(4) {
    width: calc(55% - 10px);
  }
  .insights-box:nth-child(2), .insights-box:nth-child(3) {
    width: calc(45% - 10px);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .insights-box {
    padding: 35px 24px 0;
  }
  .insights-box .desc {
    margin-bottom: 40px;
  }
  .insights-box:nth-child(1), .insights-box:nth-child(4) {
    width: 100%;
  }
  .insights-box:nth-child(2), .insights-box:nth-child(3) {
    width: 100%;
  }
}

/* !END: insights CSS */
/**----------------------------------------
START: Testimonial CSS
----------------------------------------*/
.h6-testimonial-section .sec-heading {
  max-width: 500px;
}
.h6-testimonial-section .sec-heading .testimonial-quote {
  width: 80px;
  height: 80px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 51px;
  color: var(--tj-color-theme-dark);
  background-color: var(--tj-color-theme-primary);
  border-radius: 50%;
  margin-bottom: 25px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-testimonial-section .sec-heading .testimonial-quote {
    width: 70px;
    height: 70px;
    font-size: 45px;
    margin-bottom: 20px;
  }
}
.h6-testimonial-section .sec-heading .sec-title {
  margin-bottom: 18px;
  font-size: var(--tj-fs-h1);
  line-height: 1.027;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h6-testimonial-section .sec-heading .sec-title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h6-testimonial-section .sec-heading .sec-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) {
  .h6-testimonial-section .sec-heading .sec-title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-testimonial-section .sec-heading .sec-title {
    margin-bottom: 14px;
  }
}
.h6-testimonial-section .sec-heading .desc {
  margin-bottom: 28px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-testimonial-section .sec-heading .desc {
    margin-bottom: 24px;
  }
}

.testimonial-wrapper-5 {
  max-width: 645px;
  margin-inline-start: auto;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-wrapper-5 {
    max-width: 100%;
    gap: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-wrapper-5 {
    max-width: 100%;
    gap: 20px;
  }
}
.testimonial-wrapper-5 .testimonial_header {
  justify-content: inherit;
  align-items: center;
  gap: 4px;
  margin-bottom: 24px;
}
.testimonial-wrapper-5 .star-ratings {
  margin-top: 0;
}
.testimonial-wrapper-5 .testimonial_item_3 {
  width: 100%;
  padding: 46px 30px 30px;
}
.testimonial-wrapper-5 .testimonial_item_3 .author_avatar_wrapper {
  margin-top: 22px;
  margin-bottom: 0;
  padding-top: 30px;
  border-top: 1px solid var(--tj-color-border-1);
  gap: 12px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-wrapper-5 .testimonial_item_3 {
    padding: 36px 20px 30px;
  }
}

/* !END: Testimonial CSS */
/**----------------------------------------
START: Technologies CSS
----------------------------------------*/
.h6-technologies-section {
  background-color: var(--tj-color-theme-bg);
  min-height: 756px;
  border-radius: 14px;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.h6-technologies-section .sec-heading-centered {
  max-width: 555px;
  margin-bottom: 60px;
  position: relative;
  z-index: 1;
}
.h6-technologies-section .desc {
  font-size: 18px;
  max-width: 480px;
  margin: 14px auto 0;
  margin-bottom: 24px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h6-technologies-section {
    min-height: 718px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h6-technologies-section {
    min-height: 664px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h6-technologies-section {
    min-height: 580px;
  }
  .h6-technologies-section .sec-heading-centered {
    max-width: 440px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-technologies-section {
    min-height: auto;
    padding-bottom: 0;
  }
  .h6-technologies-section .desc {
    font-size: 16px;
  }
}

.technologies-rotator {
  transform: translateY(-54%);
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  background: linear-gradient(0deg, rgba(0, 121, 216, 0.25) 0%, rgba(0, 0, 0, 0.25) 50%);
  box-shadow: inset 0 0 58px var(--tj-color-border-2);
  border-radius: 50%;
}
.technologies-rotator-wrapper {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 121, 216, 0.12) -21.23%, rgba(0, 0, 0, 0.12) 100%);
  mask-image: linear-gradient(0deg, var(--tj-color-grey-1) 19%, rgba(146, 153, 165, 0) 91.61%);
  z-index: -1;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .technologies-rotator-wrapper {
    margin-inline-start: -50px;
    margin-inline-end: -50px;
    width: auto;
    position: static;
    margin-top: -42%;
    padding-bottom: 80px;
    mask-image: linear-gradient(0deg, var(--tj-color-grey-1) 47%, rgba(146, 153, 165, 0) 101.61%);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .technologies-rotator {
    transform: translateY(-45%);
    margin-inline-start: 40px;
    margin-inline-end: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .technologies-rotator {
    transform: translateY(-38%);
    margin-inline-start: 40px;
    margin-inline-end: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .technologies-rotator {
    transform: translateY(-23%);
    margin-inline-start: 40px;
    margin-inline-end: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .technologies-rotator {
    transform: translateY(0);
    margin-top: -54%;
  }
}
.technologies-circle {
  position: relative;
  z-index: -1;
  width: 100%;
  height: 100%;
  border: 3px solid var(--tj-color-border-2);
  border-radius: 50%;
  transform: rotate(0deg);
  transition: transform 0.7s linear;
  animation: tj-rotate 50s infinite linear;
}
.technologies-circle .tech-icon {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 84px;
  height: 84px;
  max-width: inherit;
  transform-origin: center center;
}
.technologies-circle .tech-icon img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  animation: tj-rotate-reverse 50s infinite linear;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .technologies-circle .tech-icon {
    width: 64px;
    height: 64px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .technologies-circle .tech-icon {
    width: 44px;
    height: 44px;
  }
}
.technologies-circle:hover {
  animation-play-state: paused;
}
.technologies-circle:hover img {
  animation-play-state: paused;
}

@keyframes tj-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@keyframes tj-rotate-reverse {
  from {
    -webkit-transform: rotate(359deg);
  }
  to {
    -webkit-transform: rotate(0deg);
  }
}
/* !END: Technologies CSS */
/**----------------------------------------
START: Faq CSS
----------------------------------------*/
.h6-faq-section {
  position: relative;
  z-index: 0;
}
.h6-faq-section::before, .h6-faq-section::after {
  content: "";
  position: absolute;
  bottom: 20%;
  width: 461px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: var(--tj-color-theme-primary);
  filter: blur(90px);
  opacity: 0.25;
  z-index: -1;
  pointer-events: none;
}
.h6-faq-section::before {
  inset-inline-start: -250px;
}
.h6-faq-section::after {
  inset-inline-end: -250px;
}

.tj_accordion_5 {
  max-width: 966px;
  width: 100%;
  margin: auto;
}
.tj_accordion_5 .accordion_title {
  font-weight: var(--tj-fw-regular);
}
.tj_accordion_5 .accordion_title::after {
  color: var(--tj-color-common-white);
  background-color: var(--tj-color-theme-dark);
}
.tj_accordion_5 .accordion_item:has(.accordion_title:not(.collapsed)) {
  background-color: transparent;
  border-color: var(--tj-color-theme-primary);
}
.tj_accordion_5 .accordion_item:has(.accordion_title:not(.collapsed)) .accordion_title {
  color: var(--tj-color-common-white);
}
.tj_accordion_5 .accordion_item:has(.accordion_title:not(.collapsed)) .accordion_title::after {
  color: var(--tj-color-theme-dark);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tj_accordion_5 {
    max-width: 860px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tj_accordion_5 {
    max-width: 800px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj_accordion_5 {
    max-width: 650px;
  }
}

/* !END: Faq CSS */
/**----------------------------------------
START: CTA CSS
----------------------------------------*/
.h6-cta-section {
  background-color: var(--tj-color-theme-bg);
  position: relative;
  z-index: 1;
  border-radius: 16px;
  overflow: hidden;
}
.h6-cta-section .sec-heading {
  max-width: 640px;
  margin-bottom: 0;
}
.h6-cta-section .sec-heading .sec-title {
  margin-bottom: 26px;
  font-size: var(--tj-fs-h1);
  line-height: 1.027;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h6-cta-section .sec-heading .sec-title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h6-cta-section .sec-heading .sec-title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h6-cta-section .sec-heading .sec-title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-cta-section .sec-heading .sec-title {
    font-size: 39px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-cta-section .sec-heading {
    padding-bottom: 30px;
  }
}
.h6-cta-section .cta-area {
  background: transparent;
  padding: 0;
  border-radius: 0;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-end;
  overflow: visible;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .h6-cta-section .cta-area {
    padding-inline-start: 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-cta-section .cta-area {
    flex-wrap: wrap;
  }
}
.h6-cta-section .cta-app-store {
  display: flex;
  gap: 15px;
}
.h6-cta-section .cta-app-store a:hover {
  transform: translateY(-3px);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-cta-section .cta-app-store {
    flex-wrap: wrap;
  }
}

/* !END: CTA CSS */
/**----------------------------------------
START: Theme Header CSS
----------------------------------------*/
.header-area.header-7 .header-wrapper {
  background-color: var(--tj-color-theme-bg);
  border: 1px solid var(--tj-color-border-1);
  backdrop-filter: none;
}
.header-area.header-7.header-absolute {
  top: 24px;
  padding: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-area.header-7.header-absolute .header-bottom {
    padding: 0;
  }
}
.header-area.header-7.header-absolute .header-wrapper {
  padding: 0 15px;
  border-radius: 8px;
}
.header-area.header-7.header-absolute .site_logo {
  padding: 13px 0;
}
.header-area.header-7.header-absolute .mainmenu > ul > li > a {
  padding: 28px 0;
}
.header-area.header-7.header-absolute .mainmenu > ul > li.has-dropdown > a {
  padding-inline-end: 18px;
}
.header-area.header-7.header-absolute .mainmenu > ul > li.has-dropdown > a::after {
  top: 31px;
}
.header-area.header-7.header-absolute .header-right-item {
  gap: 20px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-area.header-7.header-absolute {
    top: 15px;
  }
}

.number-wrapper {
  line-height: 1;
}
.number-wrapper .number {
  color: var(--tj-color-common-white);
  font-size: 18px;
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-sbold);
  display: inline-flex;
  align-items: center;
  line-height: 1;
  gap: 6px;
}
.number-wrapper .number i {
  color: var(--tj-color-theme-primary);
  font-size: 24px;
  display: inline-flex;
}
.number-wrapper .number span {
  background-image: linear-gradient(to bottom, currentColor 0%, currentColor 100%);
  background-size: 0 1px;
  background-repeat: no-repeat;
  background-position: 0 100%;
  display: inline;
}
.number-wrapper .number:hover span {
  background-size: 100% 1px;
}

/* !END: Theme Header CSS */
/**----------------------------------------
START: Theme Footer CSS
----------------------------------------*/
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-footer-section.footer-7 {
    padding-top: 73px;
  }
}
.tj-footer-section.footer-7::before {
  max-width: 396px;
  height: 396px;
  filter: blur(150px);
  opacity: 1;
}
.tj-footer-section.footer-7 .footer-cta-content {
  max-width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 30px;
  text-align: start;
}
.tj-footer-section.footer-7 .footer-cta-content .title {
  width: 555px;
  max-width: 100%;
  font-size: 57px;
  letter-spacing: -0.03em;
  line-height: 1.027;
  margin-bottom: 0;
  transition: none;
}
.tj-footer-section.footer-7 .footer-cta-content .title span {
  color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-footer-section.footer-7 .footer-cta-content .title {
    font-size: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-footer-section.footer-7 .footer-cta-content {
    flex-direction: column;
    align-items: center;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-footer-section.footer-7 .footer-cta-content .title {
    font-size: 33px;
  }
}
.tj-footer-section.footer-7 .footer-cta .subscribe_form {
  width: 532px;
  margin-top: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-footer-section.footer-7 .footer-cta .subscribe_form {
    width: 555px;
    max-width: 100%;
  }
}
.tj-footer-section.footer-7 .footer-cta .subscribe_form form {
  position: relative;
  z-index: 1;
}
.tj-footer-section.footer-7 .footer-cta .subscribe_form form input[type=email] {
  min-height: 72px;
  padding: 22px 70px 22px 20px;
}
.tj-footer-section.footer-7 .footer-cta .subscribe_form form button[type=submit],
.tj-footer-section.footer-7 .footer-cta .subscribe_form form input[type=submit] {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 62px;
  height: calc(100% - 10px);
  background-color: var(--tj-color-theme-primary);
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  line-height: 1;
  color: var(--tj-color-theme-dark);
  transition: all 0.3s ease-in-out 0s;
}
.tj-footer-section.footer-7 .footer-cta .subscribe_form form button[type=submit] i,
.tj-footer-section.footer-7 .footer-cta .subscribe_form form button[type=submit] svg,
.tj-footer-section.footer-7 .footer-cta .subscribe_form form input[type=submit] i,
.tj-footer-section.footer-7 .footer-cta .subscribe_form form input[type=submit] svg {
  display: inline-flex;
  line-height: 1;
}
.tj-footer-section.footer-7 .footer-cta .subscribe_form form button[type=submit] svg,
.tj-footer-section.footer-7 .footer-cta .subscribe_form form input[type=submit] svg {
  max-width: 24px;
  height: auto;
}
.tj-footer-section.footer-7 .footer-cta .subscribe_form form button[type=submit]:hover i,
.tj-footer-section.footer-7 .footer-cta .subscribe_form form button[type=submit]:hover svg,
.tj-footer-section.footer-7 .footer-cta .subscribe_form form input[type=submit]:hover i,
.tj-footer-section.footer-7 .footer-cta .subscribe_form form input[type=submit]:hover svg {
  animation: bellShake 1s linear infinite;
}
.tj-footer-section.footer-7 .footer-cta .subscribe_form input[type=checkbox] {
  position: relative;
  margin-inline-end: 8px;
  width: 18px;
  height: 18px;
  border: 1px solid var(--tj-color-theme-dark-3);
  border-radius: 3px;
  appearance: none;
  cursor: pointer;
}
.tj-footer-section.footer-7 .footer-cta .subscribe_form input[type=checkbox]::before {
  content: "\e941";
  font-size: 19px;
  line-height: 1;
  font-family: "shebanglabs-icon" !important;
  color: var(--tj-color-common-white);
  position: absolute;
  width: 100%;
  text-align: center;
  line-height: 16px;
  transform: scale(0.5);
  margin-inline-start: -1px;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.tj-footer-section.footer-7 .footer-cta .subscribe_form input[type=checkbox]:checked {
  background-color: var(--tj-color-theme-primary);
  border-color: var(--tj-color-theme-primary);
}
.tj-footer-section.footer-7 .footer-cta .subscribe_form input[type=checkbox]:checked::before {
  color: var(--tj-color-theme-dark);
  transform: scale(1);
  opacity: 1;
}
.tj-footer-section.footer-7 .footer-cta .subscribe_form label {
  font-size: 16px;
  color: var(--tj-color-text-body);
  margin-top: 18px;
  display: inline-flex;
  align-items: center;
}
.tj-footer-section.footer-7 .footer-cta .subscribe_form label a {
  color: var(--tj-color-text-body);
  font-weight: var(--tj-fw-sbold);
  margin-inline-start: 4px;
}
.tj-footer-section.footer-7 .footer-cta .subscribe_form label a:hover {
  color: var(--tj-color-theme-primary);
}
.tj-footer-section.footer-7 .footer_widget_wrapper {
  padding: 100px 40px 88px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-footer-section.footer-7 .footer_widget_wrapper {
    padding: 80px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-footer-section.footer-7 .footer_widget_wrapper {
    padding: 70px 15px;
  }
}
.tj-footer-section.footer-7 .footer-widget .title {
  display: flex;
  align-items: center;
  gap: 10px;
}
.tj-footer-section.footer-7 .footer-widget .title::before {
  content: "";
  width: 8px;
  height: 8px;
  background-color: var(--tj-color-theme-primary);
  border-radius: 100%;
}

/* !END: Theme Footer CSS */
/**----------------------------------------
START: Hero CSS
----------------------------------------*/
.h7-hero {
  background-color: transparent;
  padding-top: 174px;
  padding-bottom: 0;
  margin: 0;
  border-radius: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h7-hero {
    padding-top: 154px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-hero {
    padding-top: 144px;
  }
}
.h7-hero-shape {
  position: absolute;
  top: 0;
  inset-inline-end: 0;
  z-index: -1;
}
.h7-hero .banner-content {
  max-width: 100%;
}
.h7-hero .banner-content .btn-area {
  margin-top: 0;
}
.h7-hero .banner-content .list-area {
  margin-top: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-hero .banner-content .list-area {
    margin-bottom: 0;
  }
}
.h7-hero .banner-content .list-style-1 {
  gap: 10px 30px;
}
.h7-hero .banner-content .list-style-1 li {
  color: var(--tj-color-text-body);
  letter-spacing: -0.02em;
}
.h7-hero .banner-content .list-style-1 li span {
  background-color: var(--tj-color-theme-dark);
  border: 1px solid var(--tj-color-border-1);
  color: var(--tj-color-theme-primary);
  font-weight: var(--tj-fw-regular);
}
.h7-hero .banner-action {
  margin-top: 20px;
}
.h7-hero .banner-title {
  max-width: 1100px;
  font-size: 90px;
  line-height: 1.122;
  margin-bottom: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h7-hero .banner-title {
    font-size: 90px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h7-hero .banner-title {
    font-size: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h7-hero .banner-title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-hero .banner-title {
    font-size: 45px;
  }
}
.h7-hero .banner-action {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 25px 30px;
}
.h7-hero .banner-img-area {
  margin-inline-start: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 15px 30px;
  margin-top: 120px;
  padding-inline-start: 30px;
  padding-inline-end: 30px;
}
.h7-hero .banner-img-area::before {
  display: none;
}
.h7-hero .banner-img-area .banner-img {
  mask-image: none;
  max-width: calc(61.9% - 15px);
  border-radius: 12px;
}
.h7-hero .banner-img-area .banner-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-hero .banner-img-area {
    padding-inline-start: 15px;
    padding-inline-end: 15px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .h7-hero .banner-img-area {
    max-width: 100%;
    gap: 15px;
  }
  .h7-hero .banner-img-area .banner-img {
    max-width: calc(61.9% - 7.5px);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h7-hero .banner-img-area {
    margin-top: 100px;
  }
  .h7-hero .banner-img-area .banner-img {
    max-width: calc(55% - 7.5px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-hero .banner-img-area {
    margin-top: 70px;
  }
  .h7-hero .banner-img-area .banner-img {
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h7-hero .banner-img-area {
    max-width: 100%;
  }
}
.h7-hero .title-img {
  display: inline-block;
  line-height: 1;
}
.h7-hero .title-img-1 {
  height: 100px;
}
.h7-hero .title-img-1 img {
  margin-inline-start: 5px;
}
.h7-hero .title-img-2 img {
  margin-top: -18px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h7-hero .title-img-1 {
    height: 90px;
    width: 110px;
  }
  .h7-hero .title-img-2 {
    width: 75px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h7-hero .title-img-1 {
    height: 67px;
    width: 80px;
  }
  .h7-hero .title-img-1 img {
    margin-inline-start: 1px;
  }
  .h7-hero .title-img-2 {
    width: 55px;
  }
  .h7-hero .title-img-2 img {
    margin-top: -12px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-hero .title-img-1 {
    height: 50px;
    width: 50px;
  }
  .h7-hero .title-img-2 {
    width: 40px;
  }
  .h7-hero .title-img-2 img {
    margin-top: -6px;
  }
}
.h7-hero .customers {
  max-width: 189px;
  text-align: end;
  margin-top: 15px;
}
.h7-hero .customers-box {
  inset-inline-end: 0;
  bottom: 0;
  padding: 45px 60px 54px;
  max-width: calc(38.1% - 15px);
  position: relative;
  border-radius: 12px;
  z-index: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h7-hero .customers-box {
    max-width: calc(38.1% - 7.5px);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .h7-hero .customers-box {
    padding: 25px 40px 34px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h7-hero .customers-box {
    max-width: calc(45% - 7.5px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-hero .customers-box {
    max-width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-hero .customers-box {
    margin-top: 0;
    padding: 30px 20px 34px;
  }
}
.h7-hero .customers-box-bg {
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: -1;
}
.h7-hero .customers-box-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 50px;
}
.h7-hero .customers-box .inline-content {
  color: var(--tj-color-theme-dark);
  font-size: 120px;
  margin-inline-start: -10px;
  line-height: 1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h7-hero .customers-box .inline-content {
    font-size: 90px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h7-hero .customers-box .inline-content {
    font-size: 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) {
  .h7-hero .customers-box .inline-content {
    font-size: 65px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-hero .customers-box .inline-content {
    margin-inline-start: -5px;
  }
}
.h7-hero .customers-box .swiper-pagination-area {
  position: absolute;
  left: auto;
  width: auto;
  inset-inline-end: 0;
  bottom: -2px;
  margin-top: 0;
  z-index: 2;
}
.h7-hero .customers-box .swiper-pagination-bullet {
  background-color: var(--tj-color-theme-dark);
}
.h7-hero .customers-box .blog-content .categories {
  margin-bottom: 0;
}
.h7-hero .customers-box .blog-content .blog-meta span a {
  color: var(--tj-color-common-white);
  margin-bottom: 0;
  font-weight: var(--tj-fw-regular);
}
.h7-hero .customers-box .blog-content .blog-meta span a:hover {
  background-color: var(--tj-color-common-white);
  color: var(--tj-color-theme-dark);
}
.h7-hero .customers-box .blog-content .title {
  color: var(--tj-color-theme-dark);
  margin-bottom: 16px;
}
.h7-hero .customers-box .blog-content .title a {
  background-image: linear-gradient(to bottom, currentColor 0%, currentColor 100%);
  background-size: 0 1px;
  background-repeat: no-repeat;
  background-position: 0 90%;
  display: inline;
}
.h7-hero .customers-box .blog-content .title a:hover {
  background-size: 100% 1px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h7-hero .customers-box .blog-content .title {
    font-size: 40px;
  }
}
.h7-hero .customers-box .blog-content .excerpt {
  color: var(--tj-color-theme-dark);
  margin-bottom: 18px;
}
.h7-hero .customers-box .blog-content .tj-text-btn {
  color: var(--tj-color-theme-dark);
}
.h7-hero .customers-box .blog-content .tj-text-btn.style-2::before {
  background-color: var(--tj-color-theme-dark);
}
.h7-hero .customers-text {
  color: var(--tj-color-theme-dark);
  letter-spacing: -0.02em;
  font-weight: var(--tj-fw-sbold);
  margin-top: 6px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-hero .customers {
    margin-top: 6px;
  }
}

/* !END: Hero CSS */
/**----------------------------------------
START: About CSS
----------------------------------------*/
.h7-about-item {
  display: flex;
  flex-wrap: wrap;
  gap: 50px 30px;
}
.h7-about-item:nth-child(even) {
  flex-direction: row-reverse;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-about-item:nth-child(even) {
    flex-direction: column-reverse;
  }
}
.h7-about-item:not(:last-child) {
  margin-bottom: 140px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h7-about-item:not(:last-child) {
    margin-bottom: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h7-about-item:not(:last-child) {
    margin-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) {
  .h7-about-item:not(:last-child) {
    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) {
  .h7-about-item {
    flex-direction: column;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-about-item {
    gap: 40px 30px;
  }
}
.h7-about-content {
  max-width: 643px;
  width: 100%;
  flex: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-about-content {
    max-width: 100%;
    flex: auto;
  }
}
.h7-about-content .sec-heading {
  margin-bottom: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h7-about-content .sec-heading .sec-title {
    font-size: 44px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h7-about-content .sec-heading .sec-title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-about-content .sec-heading {
    margin-bottom: 12px;
  }
}
.h7-about-content .desc {
  margin-bottom: 0;
}
.h7-about-content .about-funfact {
  flex-wrap: wrap;
  gap: 30px;
  margin-top: 35px;
}
.h7-about-content .about-funfact .countup-item {
  max-width: calc(50% - 15px);
  width: 100%;
  padding: 32px 20px 38px;
  background-color: var(--tj-color-theme-bg);
  border: 1px solid var(--tj-color-border-1);
  border-radius: 10px;
}
.h7-about-content .about-funfact .countup-item:not(:last-child)::after {
  display: none;
}
.h7-about-content .about-funfact .inline-content {
  font-size: 74px;
  margin-bottom: 18px;
  align-items: flex-end;
}
.h7-about-content .about-funfact .inline-content .count-plus {
  font-size: 48px;
  margin-bottom: 2px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .h7-about-content .about-funfact .inline-content {
    font-size: 64px;
  }
  .h7-about-content .about-funfact .inline-content .count-plus {
    font-size: 42px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-about-content .about-funfact .inline-content {
    font-size: 54px;
  }
  .h7-about-content .about-funfact .inline-content .count-plus {
    font-size: 38px;
  }
}
.h7-about-content .about-funfact .count-text {
  font-family: var(--tj-ff-body);
  font-size: 16px;
  font-weight: var(--tj-fw-regular);
  line-height: 1.625;
  color: var(--tj-color-text-body);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-about-content .about-funfact {
    margin-top: 28px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-about-content .about-funfact {
    gap: 20px;
  }
  .h7-about-content .about-funfact .countup-item {
    max-width: 100%;
  }
}
.h7-about-content .btn-area {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
}
.h7-about-content .btn-area .video-btn-2 {
  padding: 0;
  border: 0;
  border-radius: 0;
  gap: 7px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-about-content .btn-area .video-btn-2 .btn-text {
    display: block;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-about-content .btn-area {
    margin-top: 32px;
  }
}
.h7-about-img {
  width: 100%;
  height: 100%;
}
.h7-about-img-wrap {
  max-width: 615px;
  width: 100%;
  margin-inline-start: auto;
  display: flex;
  flex: 1;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 10px;
  padding: 0;
  overflow: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .h7-about-img-wrap {
    min-height: 495px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-about-img-wrap {
    min-height: auto;
    max-width: 100%;
    flex: auto;
  }
}
.h7-about-img .img-reveal-2 {
  width: 100%;
  height: 100%;
}
.h7-about-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.h7-about-img .img-reveal-2 {
  overflow: visible;
}
.h7-about .about-badge {
  max-width: 259px;
  width: 100%;
  padding: 20px;
  background-color: var(--tj-color-theme-primary);
  border-radius: 8px;
  position: absolute;
  inset-inline-start: 30px;
  bottom: 30px;
}
.h7-about .about-badge-icon {
  margin-bottom: 64px;
  line-height: 1;
}
.h7-about .about-badge-icon i {
  font-size: 60px;
  color: var(--tj-color-theme-dark);
}
.h7-about .about-badge-title {
  color: var(--tj-color-theme-dark);
  margin-bottom: 2px;
}
@media (max-width: 575px) {
  .h7-about .about-badge {
    max-width: 240px;
    padding: 20px 15px;
    inset-inline-start: 15px;
    bottom: 15px;
  }
  .h7-about .about-badge-icon {
    margin-bottom: 14px;
  }
  .h7-about .about-badge-icon i {
    font-size: 50px;
    color: var(--tj-color-theme-dark);
  }
}

/* !END: About CSS */
/**----------------------------------------
START: Services CSS
----------------------------------------*/
.tj-service-section-2 {
  background-color: var(--tj-color-theme-bg);
  border-radius: 16px;
}
.tj-service-section-2 .service-slider {
  overflow: hidden;
}
.tj-service-section-2 .service-slider-wrapper {
  margin: 0 -15px;
}
.tj-service-section-2 .swiper-pagination-bullet {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.service-item.service-item-5 {
  position: relative;
  padding-bottom: 0;
  overflow: hidden;
}
.service-item.service-item-5 .title {
  margin-bottom: 16px;
}
.service-item.service-item-5 .title a {
  color: var(--tj-color-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .service-item.service-item-5 .title {
    margin-bottom: 11px;
  }
}
.service-item.service-item-5 .desc {
  margin-bottom: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .service-item.service-item-5 .desc {
    margin-bottom: 11px;
  }
}
.service-item.service-item-5 .service-inner {
  padding: 30px 30px 35px;
  background-color: var(--tj-color-theme-dark);
  border: 0;
}
.service-item.service-item-5 .service-inner::before {
  display: none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .service-item.service-item-5 .service-inner {
    padding: 20px 20px 30px;
  }
}
.service-item.service-item-5 .service_image {
  position: relative;
  z-index: 0;
  overflow: hidden;
  border-radius: 8px;
  margin-bottom: 22px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .service-item.service-item-5 .service_image {
    margin-bottom: 17px;
  }
}
.service-item.service-item-5 .service_image img {
  transition: all 0.4s;
}
.service-item.service-item-5 .service-icon {
  width: 63px;
  height: 63px;
  background-color: var(--tj-color-theme-primary);
  color: var(--tj-color-theme-dark);
  border: 0;
  border-radius: 7px;
  margin-bottom: 0;
}
.service-item.service-item-5 .service-icon-wrapper {
  padding-inline-start: 15px;
  padding-top: 15px;
  background-color: var(--tj-color-theme-dark);
  border-start-start-radius: 8px;
  position: absolute;
  inset-inline-end: 0;
  bottom: 0;
}
.service-item.service-item-5 .service-icon-wrapper::before, .service-item.service-item-5 .service-icon-wrapper::after {
  content: "";
  position: absolute;
  background-color: transparent;
  width: 25px;
  height: 8px;
  box-shadow: 8px 0 0 0 var(--tj-color-theme-dark);
  border-top-right-radius: 8px;
  transform: scaleY(-1);
}
.service-item.service-item-5 .service-icon-wrapper::before {
  top: -8px;
  inset-inline-end: 0;
}
.service-item.service-item-5 .service-icon-wrapper::after {
  bottom: 0px;
  inset-inline-start: -25px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .service-item.service-item-5 .service-icon {
    width: 55px;
    height: 55px;
  }
}
.service-item.service-item-5:hover .service_image img {
  transform: scale(1.1) !important;
}
.service-item.service-item-5:hover .desc {
  color: var(--tj-color-text-body);
}
.service-item.service-item-5:hover .tj-text-btn {
  color: var(--tj-color-text-body);
}
.service-item.service-item-5:hover .tj-text-btn:hover {
  color: var(--tj-color-theme-primary);
}

/* !END: Services CSS */
/**----------------------------------------
START: Pricing CSS
----------------------------------------*/
.tj-pricing-section-2 {
  position: relative;
  z-index: 0;
}
.tj-pricing-section-2::after {
  content: "";
  position: absolute;
  bottom: 10%;
  inset-inline-start: -25%;
  width: 740px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: var(--tj-color-theme-primary);
  -webkit-filter: blur(90px);
  filter: blur(90px);
  opacity: 0.25;
  z-index: -1;
  pointer-events: none;
}
.tj-pricing-section-2 .sec-heading .desc {
  margin-top: 18px;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-pricing-section-2 .sec-heading .desc {
    margin-top: 12px;
  }
}
.tj-pricing-section-2 .price_switcher.style-2 {
  position: relative;
  margin-top: 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-pricing-section-2 .price_switcher.style-2 {
    margin-top: 20px;
  }
}

.pricing_items_wrap_3 {
  max-width: 800px;
  margin-inline-start: auto;
  flex-direction: column;
}
.pricing_items_wrap_3 .pricing_item {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 30px 30px;
  overflow: hidden;
  padding: 43px 40px 50px;
}
.pricing_items_wrap_3 .pricing_item .pricing_btn {
  width: 100%;
  max-width: 272px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pricing_items_wrap_3 .pricing_item .pricing_btn {
    max-width: 100%;
  }
}
.pricing_items_wrap_3 .pricing_item .pricing_btn .btn-text > span {
  gap: 5px;
}
.pricing_items_wrap_3 .pricing_item .pricing_btn .btn-text i {
  margin-bottom: -2px;
}
.pricing_items_wrap_3 .pricing_item.recommend {
  background-color: var(--tj-color-theme-bg);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .pricing_items_wrap_3 .pricing_item {
    padding: 35px 15px 42px;
    gap: 0 24px;
  }
}
@media (max-width: 575px) {
  .pricing_items_wrap_3 .pricing_item {
    flex-wrap: wrap;
    padding: 35px 20px 42px;
  }
}
.pricing_items_wrap_3 .pricing_header {
  width: calc(50% - 30px);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .pricing_items_wrap_3 .pricing_header {
    width: calc(50% - 24px);
  }
}
@media (max-width: 575px) {
  .pricing_items_wrap_3 .pricing_header {
    width: 100%;
  }
}
.pricing_items_wrap_3 .pricing_features {
  margin-top: 0;
  width: 50%;
  padding-inline-start: 50px;
  position: relative;
  z-index: 0;
  gap: 14px;
}
.pricing_items_wrap_3 .pricing_features::before {
  content: "";
  width: 1px;
  height: 500%;
  position: absolute;
  top: -200%;
  inset-inline-start: 0;
  background-color: var(--tj-color-border-1);
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pricing_items_wrap_3 .pricing_features {
    padding-inline-start: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .pricing_items_wrap_3 .pricing_features {
    padding-inline-start: 24px;
  }
}
@media (max-width: 575px) {
  .pricing_items_wrap_3 .pricing_features {
    padding-inline-start: 0;
    width: 100%;
  }
  .pricing_items_wrap_3 .pricing_features::before {
    display: none;
  }
}

/* !END: Pricing CSS */
/**----------------------------------------
START: Project CSS
----------------------------------------*/
.project-wrapper-3 {
  display: flex;
  gap: 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) {
  .project-wrapper-3 {
    gap: 20px 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .project-wrapper-3 {
    flex-wrap: wrap;
  }
}
.project-wrapper-3 .project-item {
  width: 380px;
  height: 600px;
  transition: all 0.4s;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .project-wrapper-3 .project-item {
    width: 280px;
    height: 500px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .project-wrapper-3 .project-item {
    width: 100%;
    height: 450px;
  }
}
.project-wrapper-3 .project-item .project-img img {
  transform: none !important;
}
.project-wrapper-3 .project-item .project-img:hover img {
  transform: none;
}
.project-wrapper-3 .project-item .project-img::before {
  display: none;
}
.project-wrapper-3 .project-item .project-content {
  max-width: 490px;
  margin: 0;
  inset-inline-start: 30px;
  bottom: -100px;
  opacity: 0;
  transition-delay: 0.2s;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .project-wrapper-3 .project-item .project-content {
    inset-inline-start: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .project-wrapper-3 .project-item .project-content {
    opacity: 1;
    bottom: 15px;
  }
}
.project-wrapper-3 .project-item.active {
  width: 1040px;
}
.project-wrapper-3 .project-item.active .project-content {
  opacity: 1;
  bottom: 30px;
  transition-delay: 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) {
  .project-wrapper-3 .project-item.active .project-content {
    bottom: 15px;
  }
}
.project-wrapper-3 .project-item:hover .project-img img {
  transform: none;
}

.project-more {
  display: flex;
  justify-content: center;
  margin-top: 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) {
  .project-more {
    margin-top: 30px;
  }
}

/* !END: Project CSS */
/**----------------------------------------
START: Testimonial CSS
----------------------------------------*/
.testimonial-wrapper-6 {
  max-width: 100%;
  margin-inline-start: 0;
  flex-direction: row;
  flex-wrap: wrap;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-wrapper-6 {
    gap: 15px;
  }
}
.testimonial-wrapper-6 .testimonial_header {
  margin-bottom: 22px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-wrapper-6 .testimonial_header {
    margin-bottom: 18px;
  }
}
.testimonial-wrapper-6 .testimonial_item_3 {
  width: calc(50% - 15px);
  padding-top: 36px;
  padding-bottom: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-wrapper-6 .testimonial_item_3 {
    width: calc(50% - 7.5px);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-wrapper-6 .testimonial_item_3 {
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-wrapper-6 .testimonial_item_3 {
    padding-top: 32px;
    padding-bottom: 35px;
  }
}

/* !END: Testimonial CSS */
/**----------------------------------------
START: Team CSS
----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-team-section-2 .rg-30 {
    --bs-gutter-x: 16px;
  }
}

.team-item-2 {
  padding: 48px 30px 32px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .team-item-2 {
    padding: 34px 20px 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team-item-2 {
    padding: 34px 20px 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) {
  .team-item-2 {
    padding: 38px 20px 26px;
  }
}
@media (max-width: 575px) {
  .team-item-2 {
    padding-bottom: 16px;
  }
}
.team-item-2 .team-img {
  max-width: 284px;
  aspect-ratio: 1/1;
  margin: 0 auto;
  border: 2px solid transparent;
  border-radius: 100%;
}
.team-item-2 .social-links {
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.team-item-2 .social-links::before {
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--tj-color-theme-dark);
  opacity: 0;
  z-index: 1;
}
.team-item-2 .social-links ul {
  width: 100%;
  height: 100%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  z-index: 2;
}
.team-item-2 .social-links ul li {
  margin-bottom: 0;
}
.team-item-2 .social-links ul li a {
  background-color: var(--tj-color-theme-dark);
}
.team-item-2 .social-links ul li:not(:first-child) {
  margin-inline-start: -42px;
}
.team-item-2 .share-icon {
  display: none !important;
}
.team-item-2 .team-content {
  text-align: center;
  padding-inline-start: 0;
  padding-inline-end: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team-item-2 .team-content .title {
    font-size: 21px;
  }
}
.team-item-2:hover .team-img {
  border-color: var(--tj-color-theme-primary);
}
.team-item-2:hover .social-links::before {
  opacity: 0.5;
}
.team-item-2:hover .social-links ul li:not(:first-child) {
  margin-inline-start: 0;
}
.team-item-2:hover .share-icon {
  opacity: 0;
  visibility: hidden;
}

/* !END: Team CSS */
/**----------------------------------------
START: Blog CSS
----------------------------------------*/
.blog-item-2 {
  padding-inline-end: 0;
  padding-inline-start: 24%;
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  gap: 0 20px;
  align-items: center;
  border-top: 1px solid var(--tj-color-border-1);
  background-color: transparent;
  border-radius: 0;
}
.blog-item-2:last-child {
  border-bottom: 1px solid var(--tj-color-border-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .blog-item-2 {
    padding-inline-start: 21%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-item-2 {
    padding-inline-start: 15%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-item-2 {
    padding-inline-start: 17%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .blog-item-2 {
    border-radius: 10px;
    padding: 15px 15px 24px;
    flex-direction: column;
    border: 1px solid var(--tj-color-border-1);
  }
  .blog-item-2:not(:last-child) {
    margin-bottom: 20px;
  }
}
.blog-item-2 .categories a {
  background-color: var(--tj-color-theme-bg);
}
.blog-item-2 .categories a:hover {
  background-color: var(--tj-color-theme-primary);
}
.blog-item-2 .blog-thumb {
  position: static;
  width: 320px;
  height: 253px;
  border-radius: 12px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .blog-item-2 .blog-thumb {
    width: 100%;
    border-radius: 8px;
  }
}
.blog-item-2 .blog-date {
  background-color: var(--tj-color-theme-primary);
  padding: 14px 16px 19px;
  top: 30px;
  inset-inline-start: 0;
}
.blog-item-2 .blog-date .date {
  font-size: 48px;
  letter-spacing: -0.03em;
  color: var(--tj-color-theme-dark);
}
.blog-item-2 .blog-date .month {
  color: var(--tj-color-theme-dark);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .blog-item-2 .blog-date {
    top: 25px;
    inset-inline-start: 10px;
  }
  .blog-item-2 .blog-date .date {
    font-size: 36px;
  }
}
.blog-item-2 .blog-content {
  width: 467px;
  padding: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .blog-item-2 .blog-content {
    width: 100%;
    padding: 20px 5px 0;
  }
}
.blog-item-2 .blog-content .title {
  font-size: var(--tj-fs-h3);
  line-height: 1.25;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-item-2 .blog-content .title {
    font-size: 28px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .blog-item-2 .blog-content .title {
    font-size: 25px;
  }
}
.blog-item-2 .blog-content .tj-text-btn {
  position: relative;
  color: var(--tj-color-common-white);
}
.blog-item-2 .blog-content .tj-text-btn:hover {
  color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .blog-item-2 .blog-content .tj-text-btn {
    margin-top: 16px;
  }
}

/* !END: Blog CSS */
/**----------------------------------------
START: Theme Header CSS
----------------------------------------*/
.header-area.header-8 .header-button {
  gap: 14px;
}
.header-area.header-8 .header-button .tj-primary-btn .btn-icon i {
  transform: rotate(-45deg);
}
.header-area.header-8 .header-button .tj-primary-btn:hover .btn-icon i {
  transform: rotate(0);
}
.header-area.header-8 .cubes {
  background-color: var(--tj-color-grey-4);
}
.header-area.header-8 .cubes span:nth-child(2) {
  border-radius: 50%;
}

/* !END: Theme Header CSS */
/**----------------------------------------
START: Theme Footer CSS
----------------------------------------*/
.footer-8.tj-footer-section {
  padding-top: 0;
}
.footer-8::after, .footer-8::before {
  content: "";
  position: absolute;
  top: -280px;
  left: 22%;
  right: auto;
  width: 395px;
  height: 395px;
  border-radius: 50%;
  background: var(--tj-color-theme-primary);
  -webkit-filter: blur(200px);
  filter: blur(200px);
  opacity: 1;
  z-index: -1;
  pointer-events: none;
}
.footer-8::after {
  top: auto;
  right: auto;
  left: -100px;
  bottom: -100px;
  opacity: 0.5;
}
.footer-8 .footer-main-area {
  position: relative;
  z-index: 2;
  padding: 120px 0 0;
  margin-bottom: 30px;
  border-radius: 16px;
  background-color: var(--tj-color-theme-dark);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-8 .footer-main-area {
    padding: 100px 0 0;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-8 .footer-main-area {
    padding: 70px 0 0;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-8 .footer_widget_wrapper .footer-widget {
    max-width: calc(50% - 15px);
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-8 .footer_widget_wrapper .footer-widget {
    max-width: 100%;
    width: 100%;
    margin-top: 0;
  }
}
.footer-8 .footer_bottom_area {
  border-top: 1px solid var(--tj-color-border-1);
  padding: 30px 0;
  margin-top: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-8 .footer_bottom_area {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-8 .footer_bottom_area {
    margin-top: 60px;
  }
}
.footer-8 .subscription_widget .subscribe_form form {
  position: relative;
  z-index: 1;
}
.footer-8 .subscription_widget .subscribe_form form input[type=email] {
  min-height: 72px;
  padding: 22px 70px 22px 20px;
  background-color: var(--tj-color-theme-bg);
}
.footer-8 .subscription_widget .subscribe_form form button[type=submit],
.footer-8 .subscription_widget .subscribe_form form input[type=submit] {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 62px;
  height: 62px;
  background-color: var(--tj-color-theme-primary);
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  line-height: 1;
  color: var(--tj-color-theme-dark);
  transition: all 0.3s ease-in-out 0s;
}
.footer-8 .subscription_widget .subscribe_form form button[type=submit] i,
.footer-8 .subscription_widget .subscribe_form form button[type=submit] svg,
.footer-8 .subscription_widget .subscribe_form form input[type=submit] i,
.footer-8 .subscription_widget .subscribe_form form input[type=submit] svg {
  display: inline-flex;
  line-height: 1;
}
.footer-8 .subscription_widget .subscribe_form form button[type=submit] svg,
.footer-8 .subscription_widget .subscribe_form form input[type=submit] svg {
  max-width: 24px;
  height: auto;
}
.footer-8 .subscription_widget .subscribe_form form button[type=submit]:hover i,
.footer-8 .subscription_widget .subscribe_form form button[type=submit]:hover svg,
.footer-8 .subscription_widget .subscribe_form form input[type=submit]:hover i,
.footer-8 .subscription_widget .subscribe_form form input[type=submit]:hover svg {
  animation: bellShake 1s linear infinite;
}
.footer-8 .subscription_widget .subscribe_form input[type=checkbox] {
  position: relative;
  margin-inline-end: 8px;
  width: 18px;
  height: 18px;
  border: 1px solid var(--tj-color-theme-dark-3);
  border-radius: 3px;
  appearance: none;
  cursor: pointer;
}
.footer-8 .subscription_widget .subscribe_form input[type=checkbox]::before {
  content: "\e941";
  font-size: 19px;
  line-height: 1;
  font-family: "shebanglabs-icon" !important;
  color: var(--tj-color-common-white);
  position: absolute;
  width: 100%;
  text-align: center;
  line-height: 16px;
  transform: scale(0.5);
  margin-inline-start: -1px;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.footer-8 .subscription_widget .subscribe_form input[type=checkbox]:checked {
  background-color: var(--tj-color-theme-primary);
  border-color: var(--tj-color-theme-primary);
}
.footer-8 .subscription_widget .subscribe_form input[type=checkbox]:checked::before {
  color: var(--tj-color-theme-dark);
  transform: scale(1);
  opacity: 1;
}
.footer-8 .subscription_widget .subscribe_form label {
  font-size: 16px;
  color: var(--tj-color-text-body);
  margin-top: 18px;
  display: inline-flex;
  align-items: center;
}
.footer-8 .subscription_widget .subscribe_form label a {
  color: var(--tj-color-text-body);
  font-weight: var(--tj-fw-sbold);
  margin-inline-start: 4px;
}
.footer-8 .subscription_widget .subscribe_form label a:hover {
  color: var(--tj-color-theme-primary);
}

/* !END: Theme Footer CSS */
/**----------------------------------------
START: Home 8 Hero CSS
----------------------------------------*/
.tj-h8-banner-section {
  padding-top: 220px;
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
  z-index: 2;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-h8-banner-section {
    padding-top: 190px;
  }
}
@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-h8-banner-section {
    padding-top: 160px;
  }
}
.tj-h8-banner-content {
  margin-top: 30px;
  margin-bottom: 150px;
}
@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-h8-banner-content {
    margin-top: 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-h8-banner-content {
    max-width: 660px;
    margin-bottom: 60px;
  }
}
.tj-h8-banner-title {
  font-size: 80px;
  line-height: 1;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-h8-banner-title {
    font-size: 66px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tj-h8-banner-title {
    font-size: 55px;
  }
}
@media (max-width: 575px) {
  .tj-h8-banner-title {
    font-size: 45px;
  }
}
.tj-h8-banner-title span {
  display: inline-flex;
  width: 75px;
  height: 75px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-h8-banner-title span {
    width: 66px;
    height: 66px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tj-h8-banner-title span {
    width: 55px;
    height: 55px;
  }
}
@media (max-width: 575px) {
  .tj-h8-banner-title span {
    width: 40px;
    height: 40px;
    transform: translateY(5px);
  }
}
.tj-h8-banner-title span img {
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-h8-banner-subscribe .subscribe-form.cta-form {
    max-width: 575px;
  }
}
.tj-h8-banner-subscribe .subscribe-form.cta-form input[type=email] {
  background-color: var(--tj-color-grey-4);
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  color: var(--tj-color-white-2);
}
@media (max-width: 575px) {
  .tj-h8-banner-subscribe .subscribe-form.cta-form [type=submit] .btn-icon::before,
  .tj-h8-banner-subscribe .subscribe-form.cta-form input[type=submit] .btn-icon::before {
    background-color: var(--tj-color-theme-primary);
  }
}
.tj-h8-banner-subscribe .subscribe-form.cta-form [type=submit] .btn-icon i,
.tj-h8-banner-subscribe .subscribe-form.cta-form input[type=submit] .btn-icon i {
  transform: rotate(-45deg);
}
@media (max-width: 575px) {
  .tj-h8-banner-subscribe .subscribe-form.cta-form [type=submit] .btn-icon i,
  .tj-h8-banner-subscribe .subscribe-form.cta-form input[type=submit] .btn-icon i {
    color: var(--tj-color-theme-dark);
  }
}
.tj-h8-banner-subscribe .subscribe-form.cta-form [type=submit]:hover .btn-icon i,
.tj-h8-banner-subscribe .subscribe-form.cta-form input[type=submit]:hover .btn-icon i {
  animation: none;
  transform: rotate(0deg);
}
.tj-h8-banner-img-area {
  position: relative;
}
.tj-h8-banner-img-area .customers-box {
  position: absolute;
  top: 35px;
  left: 0;
  max-width: 240px;
  background-color: rgba(250, 251, 251, 0.08);
  border: 1px solid rgba(250, 251, 251, 0.08);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border-radius: 6px;
  padding: 25px 25px 24px 25px;
  align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-h8-banner-img-area .customers-box {
    top: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tj-h8-banner-img-area .customers-box {
    top: 0;
  }
}
@media (max-width: 575px) {
  .tj-h8-banner-img-area .customers-box {
    position: unset;
    animation: none;
  }
}
.tj-h8-banner-img-area .customers ul li img {
  width: 56px;
  height: 56px;
}
.tj-h8-banner-img-area .customers-text {
  margin-top: 13px;
  margin-bottom: 12px;
}
.tj-h8-banner-img-area .rating-area {
  display: flex;
  align-items: center;
  justify-content: center;
}
.tj-h8-banner-img-area .banner-img {
  text-align: center;
  margin: 0 auto;
  max-width: 570px;
}
.tj-h8-banner-img-area .banner-shape-img {
  position: absolute;
  left: auto;
  right: -50px;
  bottom: 0;
  border-radius: 6px;
  overflow: hidden;
}
.tj-h8-banner-img-area .banner-shape-img img {
  border-radius: 6px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tj-h8-banner-img-area .banner-shape-img {
    right: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-h8-banner-img-area .banner-shape-img {
    bottom: -50px;
  }
}
@media (max-width: 575px) {
  .tj-h8-banner-img-area .banner-shape-img {
    position: unset;
    animation: none;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tj-h8-banner-shape {
    display: none;
  }
}
.tj-h8-banner-shape .shape-2,
.tj-h8-banner-shape .shape-1 {
  position: absolute;
  left: 0;
  top: 0;
  right: auto;
  z-index: -1;
}
.tj-h8-banner-shape .shape-2 {
  left: auto;
  right: 0;
}

.banner-scroll.h8-scroll {
  position: unset;
}
.banner-scroll.h8-scroll .scroll-down {
  color: var(--tj-color-text-body);
  line-height: 1;
  font-weight: var(--tj-fw-medium);
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.banner-scroll.h8-scroll .scroll-down .text {
  writing-mode: unset;
  transform: unset;
}
.banner-scroll.h8-scroll .scroll-down .icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  font-size: 22px;
  color: var(--tj-color-theme-dark);
  background-color: rgba(250, 251, 251, 0.08);
  background-color: var(--tj-color-theme-primary);
  border-radius: 50%;
  overflow: hidden;
  text-shadow: 0 -30px 0 var(--tj-color-theme-dark);
}
.banner-scroll.h8-scroll .scroll-down:hover {
  transform: unset;
}
.banner-scroll.h8-scroll .scroll-down:hover .icon {
  background-color: var(--tj-color-theme-primary);
  color: var(--tj-color-theme-dark);
}
.banner-scroll.h8-scroll .scroll-down:hover .icon i {
  transform: translateY(30px);
  transition: all 0.3s ease-in-out;
}

/* !END: Home 8 Hero CSS */
/**----------------------------------------
START: Choose CSS
----------------------------------------*/
.h8-choose-box {
  overflow: hidden;
}
.h8-choose-box .choose-box {
  border: 1px solid var(--tj-color-border-1);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  padding: 35px 30px;
  border-radius: 10px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .h8-choose-box .choose-box {
    padding: 35px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-choose-box .choose-box {
    padding: 30px 15px;
  }
}
.h8-choose-box .choose-number {
  position: absolute;
  top: 30px;
  right: 30px;
  font-family: var(--tj-ff-heading);
  font-size: 18px;
  font-weight: 600;
  color: rgba(246, 247, 247, 0.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;
}
.h8-choose-box .chosse-btn {
  padding-top: 22px;
  margin-top: 22px;
  position: relative;
}
.h8-choose-box .chosse-btn::before {
  content: "";
  position: absolute;
  top: 0;
  right: -100px;
  left: -100px;
  width: calc(100% + 200px);
  height: 1px;
  background-color: var(--tj-color-border-1);
}
.h8-choose-box:hover .choose-icon {
  background-color: var(--tj-color-theme-primary);
  border-color: var(--tj-color-theme-primary);
  color: var(--tj-color-theme-dark);
  transform: rotateY(360deg);
}
.h8-choose-box:hover .choose-number {
  color: var(--tj-color-theme-primary);
}

/* !END: Choose CSS */
/**----------------------------------------
START: About CSS
----------------------------------------*/
.h8-about-shape {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.h8-about-left {
  max-width: 605px;
  position: relative;
}
.h8-about-img {
  border-radius: 12px;
  overflow: hidden;
}
.h8-about-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.h8-about .h8-counter {
  position: absolute;
  top: 50%;
  right: -100px;
  transform: translateY(-50%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .h8-about .h8-counter {
    top: 0;
    right: auto;
    left: 0;
    transform: unset;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-about .h8-counter {
    top: auto;
    right: 0;
    bottom: 0;
    transform: unset;
  }
}
.h8-about .countup-item {
  max-width: 220px;
  padding: 20px 25px 30px 25px;
  border-radius: 6px;
  background-color: var(--tj-color-theme-primary);
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-about .countup-item {
    max-width: 180px;
    padding: 20px 15px 22px 15px;
  }
}
.h8-about .inline-content {
  color: var(--tj-color-theme-dark);
  font-size: 110px;
}
.h8-about .inline-content .count-plus {
  font-size: 56px;
  align-self: flex-start;
}
@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) {
  .h8-about .inline-content {
    font-size: 60px;
  }
}
.h8-about .count-text {
  color: var(--tj-color-theme-dark);
  font-size: 18px;
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-sbold);
  display: block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-about .count-text {
    font-size: 16px;
  }
}
.h8-about-content {
  margin-inline-start: auto;
  max-width: 555px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-about-content {
    margin-inline-start: 0;
  }
}
.h8-about-content .desc {
  margin-bottom: 0;
}
.h8-about-btn-wrap {
  margin-top: 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) {
  .h8-about-btn-wrap {
    margin-top: 25px;
  }
}
.h8-about .clients-review-area {
  margin-top: 22px;
}

/* !END: About CSS */
/**----------------------------------------
START: Services CSS
----------------------------------------*/
.service-item-8.service-item {
  padding-bottom: 0;
}
.service-item-8.service-item:not(:last-child) {
  margin-bottom: 30px;
}
.service-item-8.service-item .service-inner {
  padding: 50px 30px;
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  justify-content: space-between;
  gap: 25px;
  position: relative;
  z-index: 3;
  overflow: hidden;
  min-height: 183px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .service-item-8.service-item .service-inner {
    padding: 30px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-item-8.service-item .service-inner {
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .service-item-8.service-item .service-inner {
    padding: 35px 30px 25px 30px;
    gap: 20px;
  }
}
.service-item-8.service-item .service-icon {
  width: 72px;
  height: 72px;
  margin: 0;
}
.service-item-8.service-item .service-content {
  max-width: max-content;
  width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 20px;
}
.service-item-8.service-item .title {
  margin-top: -7px;
  margin-bottom: 0;
  font-size: 28px;
  max-width: 170px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-item-8.service-item .title {
    font-size: 24px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .service-item-8.service-item .title {
    font-size: 20px;
    margin-top: -5px;
    max-width: max-content;
  }
}
.service-item-8.service-item .desc-wrap {
  max-width: 380px;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-item-8.service-item .desc-wrap {
    max-width: 360px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service-item-8.service-item .desc-wrap {
    max-width: 100%;
  }
}
.service-item-8.service-item .desc-wrap .desc {
  margin-bottom: 0;
}
.service-item-8.service-item .desc-wrap .categories {
  margin-top: 22px;
  margin-bottom: 0;
}
.service-item-8.service-item .desc-wrap .categories a {
  color: var(--tj-color-text-body-2);
  background-color: var(--tj-color-theme-dark);
}
.service-item-8.service-item .desc-wrap .categories a:hover {
  color: var(--tj-color-theme-dark);
  background-color: var(--tj-color-theme-primary);
}
.service-item-8.service-item .tj-icon-btn {
  background: none;
  width: 50px;
  height: 50px;
  border: 0;
  font-size: 66px;
  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;
  color: var(--tj-color-text-body-2);
}
.service-item-8.service-item .tj-icon-btn i {
  color: var(--tj-color-text-body-2);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .service-item-8.service-item .tj-icon-btn {
    margin-top: 18px;
    width: 44px;
    height: 44px;
    font-size: 44px;
  }
}
.service-item-8.service-item:hover .tj-icon-btn {
  color: var(--tj-color-theme-primary);
}
.service-item-8.service-item:hover .tj-icon-btn i {
  color: var(--tj-color-theme-primary);
}

/* !END: Services CSS */
/**----------------------------------------
START: Video CSS
----------------------------------------*/
.h8-video.tj-video-section {
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h8-video.tj-video-section {
    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) {
  .h8-video.tj-video-section {
    margin-bottom: 0;
  }
}
.h8-video .sec-heading {
  margin-bottom: 20px;
}
.h8-video-content {
  position: relative;
  z-index: 3;
  background-color: var(--tj-color-theme-dark);
  max-width: 485px;
  border-radius: 12px;
  padding: 40px 40px 50px 40px;
}
.h8-video-content-wrap {
  position: relative;
  z-index: 2;
  height: 100%;
  max-width: 1350px;
  width: 100%;
  padding: 0 15px;
  padding-bottom: 60px;
  margin: 0 auto;
  display: flex;
  justify-content: end;
  align-items: end;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-video-content-wrap {
    padding-bottom: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-video-content {
    padding: 30px 25px 40px 25px;
  }
}
.h8-video .video-content-area {
  height: 810px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-video .video-content-area .video-bg img {
    object-position: 75%;
  }
}
.h8-video .video-content-area .video-wrap {
  position: relative;
  left: unset;
  top: unset;
  transform: unset;
  z-index: 1;
  display: inline-flex;
}
.h8-video .video-content-area .video-btn .video-icon {
  font-size: 16px;
  width: 66px;
  height: 66px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h8-video .video-content-area .video-btn .video-icon {
    width: 60px;
    height: 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) {
  .h8-video .video-content-area .video-btn .video-icon {
    width: 50px;
    height: 50px;
  }
}
.h8-video .video-content-area .video-btn:hover .video-icon {
  transform: scale(0.9);
}
.h8-video .video-content-area .video-text {
  color: var(--tj-color-text-body);
  font-size: 16px;
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-medium);
  letter-spacing: -0.03em;
  margin-inline-start: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h8-video .video-content-area {
    height: 600px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h8-video .video-content-area {
    height: 500px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-video .video-content-area {
    height: 420px;
    border-radius: 12px;
  }
}

/* !END: Video CSS */
/**----------------------------------------
START: Testimonial CSS
----------------------------------------*/
.h8-testimonial.testimonial-wrapper-5 {
  max-width: 100%;
  margin-inline-start: 0;
  display: block;
}
.h8-testimonial.testimonial-wrapper-5 .testimonial_header {
  justify-content: inherit;
  align-items: center;
  gap: 4px;
  margin-bottom: 24px;
}
.h8-testimonial.testimonial-wrapper-5 .star-ratings {
  margin-top: 0;
}
.h8-testimonial.testimonial-wrapper-5 .testimonial_item_3 {
  width: 100%;
  padding: 46px 30px 30px;
  overflow: hidden;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-testimonial.testimonial-wrapper-5 .testimonial_item_3 {
    padding: 36px 20px 30px;
  }
}
.h8-testimonial.testimonial-wrapper-5 .testimonial_item_3 .author_avatar_wrapper {
  margin-top: 22px;
  margin-bottom: 0;
  padding-top: 30px;
  border-top: 0;
  gap: 12px;
  position: relative;
}
.h8-testimonial.testimonial-wrapper-5 .testimonial_item_3 .author_avatar_wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  right: -100px;
  left: -100px;
  width: calc(100% + 200px);
  height: 1px;
  background-color: var(--tj-color-border-1);
}

/* !END: Testimonial CSS */
/**----------------------------------------
START: Project CSS
----------------------------------------*/
.h8-projcet {
  position: relative;
  padding-bottom: 160px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h8-projcet {
    padding-bottom: 140px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-projcet {
    padding-bottom: 110px;
  }
}

.h8-project-item.project-item .project-content {
  bottom: -100px;
  opacity: 0;
  transition-delay: 0.2s;
  gap: 15px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-project-item.project-item .project-content {
    opacity: 1;
    bottom: 0;
  }
}
.h8-project-item.project-item .title {
  max-width: max-content;
}
.h8-project-item.project-item:hover .project-content {
  opacity: 1;
  bottom: 0;
  transition-delay: 0s;
}

.h8-project-more {
  position: absolute;
  bottom: -35px;
  left: 50%;
  transform: translateX(-50%);
  padding: 10px;
  background-color: var(--tj-color-theme-dark);
  border-radius: 60px;
}

/* !END: Project CSS */
/**----------------------------------------
START: Blog CSS
----------------------------------------*/
.h8-blog-item.blog-item {
  height: 430px;
  padding: 0;
  position: relative;
}
.h8-blog-item.blog-item .blog-thumb {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
  .h8-blog-item.blog-item .blog-thumb {
    height: 100%;
  }
}
.h8-blog-item.blog-item .blog-content {
  padding: 30px;
  position: absolute;
  bottom: -50px;
  left: 0;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.h8-blog-item.blog-item .tj-text-btn {
  margin-top: 25px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.h8-blog-item.blog-item:hover .tj-text-btn,
.h8-blog-item.blog-item:hover .blog-thumb {
  opacity: 1;
  visibility: visible;
}
.h8-blog-item.blog-item:hover .blog-thumb {
  opacity: 0.5;
}
.h8-blog-item.blog-item:hover .blog-content {
  bottom: 0;
}
@media (max-width: 575px) {
  .h8-blog-item.blog-item .blog-content {
    padding: 20px;
  }
}
.h8-blog-item .blog-date {
  inset-inline-start: 30px;
  top: 30px;
}
@media (max-width: 575px) {
  .h8-blog-item .blog-date {
    inset-inline-start: 20px;
    top: 20px;
  }
}

/* !END: Blog CSS */
/**----------------------------------------
START: Choose CSS
----------------------------------------*/
.h8-footer-cta {
  position: relative;
  z-index: 1;
}
.h8-footer-cta::after {
  content: "";
  position: absolute;
  bottom: -180px;
  right: -180px;
  width: 395px;
  height: 395px;
  border-radius: 50%;
  background: var(--tj-color-theme-primary);
  -webkit-filter: blur(200px);
  filter: blur(200px);
  opacity: 0.5;
  z-index: -1;
  pointer-events: none;
}
.h8-footer-cta-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h8-footer-cta-wrapper {
    gap: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .h8-footer-cta-wrapper {
    flex-direction: column-reverse;
    gap: 0;
  }
}
.h8-footer-cta-left {
  max-width: calc(54% - 15px);
  width: 100%;
  flex: 1;
  position: relative;
  display: flex;
  justify-content: end;
  align-self: end;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-footer-cta-left {
    max-width: 100%;
    flex: auto;
    margin-top: -30px;
  }
}
.h8-footer-cta-right {
  max-width: 575px;
  width: 100%;
  flex: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .h8-footer-cta-right {
    max-width: 515px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-footer-cta-right {
    flex: auto;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-footer-cta-right {
    max-width: 100%;
  }
}
.h8-footer-cta-right .sec-heading {
  margin-bottom: 18px;
}
.h8-footer-cta-right .desc {
  margin: 20px 0 24px 0;
}

.h8-cta-counter {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-cta-counter {
    top: 70%;
  }
}
.h8-cta-counter.h8-about .countup-item {
  max-width: 235px;
  padding: 24px 25px 29px 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .h8-cta-counter.h8-about .countup-item {
    max-width: 190px;
    padding: 18px 18px 23px 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h8-cta-counter.h8-about .countup-item {
    max-width: 200px;
  }
}
.h8-cta-counter.h8-about .inline-content {
  font-size: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px), only screen and (min-width: 768px) and (max-width: 991px) {
  .h8-cta-counter.h8-about .inline-content {
    font-size: 60px;
  }
}
@media (max-width: 575px) {
  .h8-cta-counter.h8-about .inline-content {
    font-size: 45px;
  }
}
.h8-cta-counter.h8-about .count-text {
  line-height: 26px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-cta-counter.h8-about .count-text {
    line-height: 22px;
  }
}

.h8-cta-contact {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}
@media (max-width: 575px) {
  .h8-cta-contact {
    grid-template-columns: repeat(1, 1fr);
  }
}

.faq-contact-item.style-2 {
  background-color: var(--tj-color-theme-dark);
}
.faq-contact-item.style-2 .desc {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 14px;
}
.faq-contact-item.style-2 .faq-contact-number {
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .faq-contact-item.style-2 .faq-contact-number {
    font-size: 18px;
  }
}
.faq-contact-item.style-2 .faq-contact-number a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.faq-contact-item.style-2 .faq-contact-number .icon {
  color: var(--tj-color-theme-primary);
  font-size: 24px;
  display: inline-flex;
}
.faq-contact-item.style-2 .faq-contact-number:hover a {
  color: var(--tj-color-theme-primary);
}

/* !END: Choose CSS */
/**----------------------------------------
START: Theme Header CSS
----------------------------------------*/
.header-area.header-9.header-absolute {
  top: 30px;
  padding: 0 30px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-area.header-9.header-absolute {
    top: 15px;
    padding: 0 15px;
  }
}
.header-area.header-9.header-absolute .header-bottom {
  border-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) {
  .header-area.header-9.header-absolute .header-bottom {
    padding: 0;
  }
}
.header-area.header-9.header-absolute .site_logo {
  padding: 20px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-area.header-9.header-absolute .site_logo {
    padding: 15px 0;
  }
}
.header-area.header-9.header-absolute .mainmenu > ul {
  column-gap: 0;
}
.header-area.header-9.header-absolute .mainmenu > ul > li > a {
  padding: 9px;
  padding-inline-start: 16px;
  padding-inline-end: 16px;
  color: var(--tj-color-heading-primary);
  background-color: var(--tj-color-grey-4);
  border-radius: 21px;
  border: 0;
}
.header-area.header-9.header-absolute .mainmenu > ul > li > a:hover {
  color: var(--tj-color-theme-primary);
  border-color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-area.header-9.header-absolute .mainmenu > ul > li > a {
    padding: 6px;
    padding-inline-start: 11px;
    padding-inline-end: 11px;
  }
}
.header-area.header-9.header-absolute .mainmenu > ul > li.current-menu-ancestor > a {
  color: var(--tj-color-theme-primary);
  border-color: var(--tj-color-theme-primary);
}
.header-area.header-9.header-absolute .mainmenu > ul > li.menu-item-has-children > a, .header-area.header-9.header-absolute .mainmenu > ul > li.has-dropdown > a {
  padding-inline-end: 31px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-area.header-9.header-absolute .mainmenu > ul > li.menu-item-has-children > a, .header-area.header-9.header-absolute .mainmenu > ul > li.has-dropdown > a {
    padding-inline-end: 26px;
  }
}
.header-area.header-9.header-absolute .mainmenu > ul > li.menu-item-has-children > a::after, .header-area.header-9.header-absolute .mainmenu > ul > li.has-dropdown > a::after {
  top: 40%;
  right: 13px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-area.header-9.header-absolute .mainmenu > ul > li.menu-item-has-children > a::after, .header-area.header-9.header-absolute .mainmenu > ul > li.has-dropdown > a::after {
    top: 36%;
    right: 10px;
  }
}
.header-area.header-9.header-absolute .mainmenu > ul > li .sub-menu > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* !END: Theme Header CSS */
/**----------------------------------------
START: Theme Footer CSS
----------------------------------------*/
.footer-9.tj-footer-section {
  padding-top: 100px;
  margin-top: 30px;
}
.footer-9.tj-footer-section::after, .footer-9.tj-footer-section::before {
  display: none;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-9.tj-footer-section {
    margin-top: 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) {
  .footer-9.tj-footer-section {
    padding-top: 70px;
    margin-top: 15px;
  }
}
.footer-9 .h9-footer-logo {
  padding: 0 30px;
  padding-top: 50px;
}
.footer-9 .h9-footer-wrapper {
  border: 1px solid var(--tj-color-border-1);
}
.footer-9 .footer_widget_wrapper,
.footer-9 .footer_bottom_content {
  padding: 0 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-9 .footer_widget_wrapper,
  .footer-9 .footer_bottom_content {
    padding: 0 15px;
  }
}
.footer-9 .footer_widget_wrapper {
  gap: 0;
  align-items: stretch;
  flex-wrap: nowrap;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-9 .footer_widget_wrapper {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-9 .footer_widget_wrapper {
    gap: 30px;
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.footer-9 .footer_widget_wrapper .footer-widget {
  padding: 50px 60px;
  border-left: 1px solid var(--tj-color-border-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-9 .footer_widget_wrapper .footer-widget {
    padding: 50px 0;
    padding-left: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-9 .footer_widget_wrapper .footer-widget:nth-child(3), .footer-9 .footer_widget_wrapper .footer-widget:nth-child(4) {
    padding-top: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-9 .footer_widget_wrapper .footer-widget:nth-child(3) {
    border-left: 0;
    padding-left: 0;
  }
}
.footer-9 .footer_widget_wrapper .footer-widget:first-child {
  padding-left: 0;
  border-left: 0;
}
.footer-9 .footer_widget_wrapper .footer-widget:last-child {
  padding-right: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-9 .footer_widget_wrapper .footer-widget {
    max-width: calc(50% - 15px);
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-9 .footer_widget_wrapper .footer-widget {
    max-width: 100%;
    width: 100%;
    margin-top: 0;
    border: 0;
    padding: 0;
  }
}
.footer-9 .footer_bottom_area {
  border-top: 1px solid var(--tj-color-border-1);
  padding: 30px 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-9 .subscription_widget {
    max-width: 350px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-9 .subscription_widget .subscribe_form {
    max-width: 450px;
  }
}
.footer-9 .subscription_widget .subscribe_form form {
  position: relative;
  z-index: 1;
}
.footer-9 .subscription_widget .subscribe_form form input[type=email] {
  min-height: 72px;
  padding: 22px 70px 22px 20px;
  background-color: var(--tj-color-grey-4);
}
.footer-9 .subscription_widget .subscribe_form form button[type=submit],
.footer-9 .subscription_widget .subscribe_form form input[type=submit] {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 62px;
  height: 62px;
  background-color: var(--tj-color-theme-primary);
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  line-height: 1;
  color: var(--tj-color-theme-dark);
  transition: all 0.3s ease-in-out 0s;
}
.footer-9 .subscription_widget .subscribe_form form button[type=submit] i,
.footer-9 .subscription_widget .subscribe_form form button[type=submit] svg,
.footer-9 .subscription_widget .subscribe_form form input[type=submit] i,
.footer-9 .subscription_widget .subscribe_form form input[type=submit] svg {
  display: inline-flex;
  line-height: 1;
}
.footer-9 .subscription_widget .subscribe_form form button[type=submit] svg,
.footer-9 .subscription_widget .subscribe_form form input[type=submit] svg {
  max-width: 24px;
  height: auto;
}
.footer-9 .subscription_widget .subscribe_form form button[type=submit]:hover i,
.footer-9 .subscription_widget .subscribe_form form button[type=submit]:hover svg,
.footer-9 .subscription_widget .subscribe_form form input[type=submit]:hover i,
.footer-9 .subscription_widget .subscribe_form form input[type=submit]:hover svg {
  animation: bellShake 1s linear infinite;
}
.footer-9 .subscription_widget .subscribe_form input[type=checkbox] {
  position: relative;
  margin-inline-end: 8px;
  width: 18px;
  height: 18px;
  border: 1px solid var(--tj-color-theme-dark-3);
  border-radius: 3px;
  appearance: none;
  cursor: pointer;
}
.footer-9 .subscription_widget .subscribe_form input[type=checkbox]::before {
  content: "\e941";
  font-size: 19px;
  line-height: 1;
  font-family: "shebanglabs-icon" !important;
  color: var(--tj-color-common-white);
  position: absolute;
  width: 100%;
  text-align: center;
  line-height: 16px;
  transform: scale(0.5);
  margin-inline-start: -1px;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.footer-9 .subscription_widget .subscribe_form input[type=checkbox]:checked {
  background-color: var(--tj-color-theme-primary);
  border-color: var(--tj-color-theme-primary);
}
.footer-9 .subscription_widget .subscribe_form input[type=checkbox]:checked::before {
  color: var(--tj-color-theme-dark);
  transform: scale(1);
  opacity: 1;
}
.footer-9 .subscription_widget .subscribe_form label {
  font-size: 16px;
  color: var(--tj-color-text-body);
  margin-top: 18px;
  display: inline-flex;
  align-items: center;
}
.footer-9 .subscription_widget .subscribe_form label a {
  color: var(--tj-color-text-body);
  font-weight: var(--tj-fw-sbold);
  margin-inline-start: 4px;
}
.footer-9 .subscription_widget .subscribe_form label a:hover {
  color: var(--tj-color-theme-primary);
}

/* !END: Theme Footer CSS */
/**----------------------------------------
START: Hero CSS
----------------------------------------*/
.h9-hero {
  min-height: 880px;
  padding: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h9-hero {
    padding: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h9-hero {
    min-height: 645px;
  }
}
.h9-hero .hero-bg {
  opacity: 1;
  border-radius: 16px;
  background-position: center center;
  mix-blend-mode: normal;
}
.h9-hero-content {
  padding-top: 185px;
  padding-bottom: 285px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .h9-hero-content {
    padding-top: 170px;
    padding-bottom: 270px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h9-hero-content {
    padding-top: 130px;
    padding-bottom: 40px;
  }
}
.h9-hero-title {
  font-size: 80px;
  line-height: 1.05;
  max-width: 507px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h9-hero-title {
    font-size: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h9-hero-title {
    font-size: 60px;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h9-hero-title {
    font-size: 55px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h9-hero-title {
    font-size: 45px;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h9-hero-title {
    max-width: 100%;
  }
}
.h9-hero-title span > span {
  display: inline-flex;
  align-items: center;
  transition: none;
}
.h9-hero-title span > span > span.image {
  display: inline-flex;
  align-items: center;
}
.h9-hero-title span > span > span.image span,
.h9-hero-title span > span > span.image img {
  width: 55px;
  height: 55px;
  background-color: var(--tj-color-common-white);
  padding: 2px;
  border-radius: 50%;
  line-height: 1;
  margin-inline-start: -22px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .h9-hero-title span > span > span.image span,
  .h9-hero-title span > span > span.image img {
    width: 50px;
    height: 50px;
    margin-inline-start: -18px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h9-hero-title span > span > span.image span,
  .h9-hero-title span > span > span.image img {
    width: 44px;
    height: 44px;
    margin-inline-start: -18px;
  }
}
.h9-hero-title span > span > span.image img:first-child {
  margin-inline-start: 0;
}
.h9-hero-title span > span > span.image span {
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  letter-spacing: unset;
  padding: 0;
  width: 53px;
  height: 53px;
  border: 2px solid var(--tj-color-common-white);
  background-color: var(--tj-color-theme-dark);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .h9-hero-title span > span > span.image span {
    width: 48px;
    height: 48px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h9-hero-title span > span > span.image span {
    width: 44px;
    height: 44px;
    font-size: 14px;
  }
}
.h9-hero-title span > span > span.image span div {
  letter-spacing: 0.5px !important;
}
.h9-hero-img-area {
  position: relative;
  max-width: 684px;
  margin-right: -50px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .h9-hero-img-area {
    margin-right: -20px;
  }
}
@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) {
  .h9-hero-img-area {
    margin-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) {
  .h9-hero-img-area {
    max-width: 635px;
    margin: 0 auto;
  }
}
.h9-hero-img-area .h9-hero-img {
  height: 100%;
  width: 100%;
}
.h9-hero-img-area .h9-hero-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.h9-hero-img-area .h9-hero-img.chart {
  border-radius: 10px;
  overflow: hidden;
  max-width: 248px;
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  bottom: 185px;
  z-index: 3;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
  .h9-hero-img-area .h9-hero-img.chart {
    max-width: 200px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h9-hero-img-area .h9-hero-img.chart {
    max-width: 180px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h9-hero-img-area .h9-hero-img.chart {
    bottom: 35px;
  }
}

.h9-desc-area {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  gap: 20px;
  flex-wrap: wrap;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h9-desc-area {
    flex-direction: column;
    gap: 25px;
  }
}
.h9-desc-area .h9-desc-wrap {
  max-width: 322px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h9-desc-area .h9-desc-wrap {
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h9-desc-area .h9-desc-wrap {
    max-width: 425px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h9-desc-area .h9-desc-wrap {
    max-width: 100%;
  }
}
.h9-desc-area .h9-desc-wrap p {
  margin-bottom: 0;
}

.h9-btn-wrap .tj-primary-btn {
  background-color: var(--tj-color-grey-4);
}

/* !END: Hero CSS */
/**----------------------------------------
START: Video CSS
----------------------------------------*/
.tj-features-section .tj_features_wrap.h9-video {
  margin-top: -188px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-features-section .tj_features_wrap.h9-video {
    margin-left: 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-features-section .tj_features_wrap.h9-video {
    margin-top: 0;
  }
}

.h9-video {
  display: block;
  max-width: 435px;
  width: 100%;
  border-radius: 16px 16px 0px 0px;
  padding: 20px 20px 0 20px;
}
.h9-video::before {
  border-radius: 0 0 12px 0;
}
.h9-video::after {
  border-radius: 0 0 0 16px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h9-video {
    max-width: 100%;
    padding: 15px 0 0 0;
  }
}
.h9-video .h9-video-item {
  height: 168px;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  background-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) {
  .h9-video .h9-video-item {
    height: 250px;
  }
}
.h9-video .h9-video-item .bg-img {
  mix-blend-mode: luminosity;
  z-index: 1;
}
.h9-video .h9-video-item .video-wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.h9-video .h9-video-item .video-btn .video-icon {
  font-size: 16px;
  width: 52px;
  height: 52px;
  background: var(--tj-color-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h9-video .h9-video-item .video-btn .video-icon {
    width: 50px;
    height: 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) {
  .h9-video .h9-video-item .video-btn .video-icon {
    width: 60px;
    height: 60px;
  }
}
.h9-video .h9-video-item .video-btn:hover .video-icon {
  transform: scale(0.9);
}
.h9-video .h9-video-item .circle-ripple::before,
.h9-video .h9-video-item .circle-ripple::after {
  border: 1px solid rgba(255, 255, 255, 0.3);
}

/* !END: Video CSS */
/**----------------------------------------
START: insights CSS
----------------------------------------*/
.h9-insights .sec-heading .desc {
  max-width: 315px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h9-insights .sec-heading .desc {
    max-width: 100%;
    margin-bottom: 0;
  }
}
.h9-insights .insights-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.h9-insights .insights-box {
  padding: 30px;
  background-color: var(--tj-color-theme-bg);
  border: 1px solid var(--tj-color-border-1);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.h9-insights .insights-box .title {
  margin-bottom: 15px;
}
.h9-insights .insights-box .title:hover a {
  color: var(--tj-color-theme-primary);
}
.h9-insights .insights-box .desc {
  margin-bottom: 0;
}
.h9-insights .insights-box:nth-child(1) {
  width: 100%;
  flex-direction: row;
  gap: 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) {
  .h9-insights .insights-box:nth-child(1) {
    flex-direction: column;
  }
}
.h9-insights .insights-box:nth-child(1) .insights-content,
.h9-insights .insights-box:nth-child(1) .insights-img {
  width: 50%;
  flex: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h9-insights .insights-box:nth-child(1) .insights-content,
  .h9-insights .insights-box:nth-child(1) .insights-img {
    width: 100%;
  }
}
.h9-insights .insights-box:nth-child(1) .insights-content {
  padding: 30px 0;
  flex-direction: column;
  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) {
  .h9-insights .insights-box:nth-child(1) .insights-content {
    padding: 0;
  }
}
.h9-insights .insights-box:nth-child(2), .h9-insights .insights-box:nth-child(3) {
  width: calc(50% - 15px);
  gap: 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) {
  .h9-insights .insights-box:nth-child(2), .h9-insights .insights-box:nth-child(3) {
    gap: 30px;
  }
}
.h9-insights .insights-box:nth-child(2) .insights-img, .h9-insights .insights-box:nth-child(3) .insights-img {
  max-width: 525px;
  margin: 0 auto;
}
.h9-insights .insights-content {
  display: flex;
  gap: 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) {
  .h9-insights .insights-content {
    gap: 25px;
    flex-direction: column;
  }
}
.h9-insights .insights-content-inner {
  max-width: 503px;
  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) {
  .h9-insights .insights-content-inner {
    max-width: 100%;
  }
}
.h9-insights .insights-btn .tj-icon-btn {
  width: 52px;
  height: 52px;
  background-color: var(--tj-color-theme-dark);
}
.h9-insights .insights-btn .tj-icon-btn i {
  color: var(--tj-color-common-white);
}
.h9-insights .insights-btn .tj-icon-btn:hover {
  background-color: var(--tj-color-theme-primary);
}
.h9-insights .insights-btn .tj-icon-btn:hover i {
  color: var(--tj-color-theme-dark);
}
.h9-insights .insights-img {
  mask-image: none;
}
.h9-insights .insights-img img {
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h9-insights .insights-wrapper {
    gap: 20px;
  }
  .h9-insights .insights-box {
    padding: 30px;
  }
  .h9-insights .insights-box .desc {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h9-insights .insights-box {
    padding: 30px 24px;
  }
  .h9-insights .insights-box .desc {
    margin-bottom: 0;
  }
  .h9-insights .insights-box:nth-child(1), .h9-insights .insights-box:nth-child(2), .h9-insights .insights-box:nth-child(3) {
    width: 100%;
  }
}

/* !END: insights CSS */
/**----------------------------------------
START: Home 9 counter CSS
----------------------------------------*/
.h9-counter-section {
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h9-counter-section {
    overflow: hidden;
  }
}
.h9-counter-section::after {
  content: "";
  position: absolute;
  bottom: -435px;
  left: 50%;
  transform: translateX(-50%);
  width: 580px;
  height: 580px;
  border-radius: 50%;
  background-color: var(--tj-color-theme-primary);
  opacity: 0.5;
  filter: blur(200px);
  z-index: -1;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h9-counter-section::after {
    bottom: auto;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 450px;
    height: 450px;
  }
}
.h9-counter-section .counter-shape,
.h9-counter-section .counter-image {
  position: absolute;
  top: 5px;
  left: 0;
}
.h9-counter-section .counter-image {
  right: 0;
  left: auto;
  max-width: 615px;
}
@media only screen and (min-width: 1601px) and (max-width: 1700px) {
  .h9-counter-section .counter-image {
    max-width: 500px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h9-counter-section .counter-image {
    max-width: 425px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h9-counter-section .counter-image {
    max-width: 340px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .h9-counter-section .counter-image {
    max-width: 290px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h9-counter-section .counter-image {
    top: auto;
    bottom: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h9-counter-section .counter-image {
    top: 160px;
    max-width: 215px;
  }
}
.h9-counter-section .counter-shape {
  top: 15px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .h9-counter-section .counter-shape {
    max-width: 180px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .h9-counter-section .counter-shape {
    max-width: 160px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h9-counter-section .counter-shape {
    display: none;
  }
}
.h9-counter-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 55px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h9-counter-wrapper {
    column-gap: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h9-counter-wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h9-counter-wrapper {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
  }
}
.h9-counter-item {
  min-height: 237px;
  border-inline-start: 1px solid var(--tj-color-theme-primary);
  padding-inline-start: 20px;
  display: flex;
  align-items: end;
}
.h9-counter-item .inline-content {
  font-size: 68px;
}
@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) {
  .h9-counter-item .inline-content {
    font-size: 60px;
  }
}
.h9-counter-item .inline-content .text {
  margin-inline-start: 8px;
}
.h9-counter-item .count-text {
  font-size: 16px;
  font-weight: var(--tj-fw-normal);
  max-width: 345px;
}

/* !END: Home 9 counter CSS */
/**----------------------------------------
START: Testimonial CSS
----------------------------------------*/
.h9-testimonial-section {
  background-color: var(--tj-color-theme-bg);
  border-radius: 16px;
  z-index: 2;
  position: relative;
}
.h9-testimonial-section .sec-heading {
  margin-top: 12px;
  margin-bottom: 12px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h9-testimonial-section .sec-heading {
    margin-top: 0;
  }
}
.h9-testimonial-section .sec-desc {
  max-width: 350px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h9-testimonial-section .sec-desc {
    max-width: 100%;
  }
}
.h9-testimonial-section .sec-desc .desc {
  margin-bottom: 22px;
}
.h9-testimonial-slider {
  margin-inline-end: -40%;
  padding-top: 22px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h9-testimonial-slider {
    margin-inline-end: 0;
  }
}
.h9-testimonial-item {
  position: relative;
}
.h9-testimonial-item .tj-qutoe-icon {
  top: -40px;
  right: 30px;
  position: absolute;
  width: 83px;
  height: 83px;
  font-size: 66px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--tj-color-theme-primary);
  background-color: var(--tj-color-theme-bg);
  border-radius: 12px;
  z-index: 2;
}
.h9-testimonial-item .tj-qutoe-icon::after, .h9-testimonial-item .tj-qutoe-icon::before {
  content: "";
  position: absolute;
  background-color: transparent;
  top: 40px;
  left: -23px;
  width: 25px;
  height: 12px;
  box-shadow: 12px 0 0 0 var(--tj-color-theme-bg);
  border-radius: 0 12px 0 0;
}
.h9-testimonial-item .tj-qutoe-icon::after {
  left: auto;
  right: -24px;
  transform: scaleX(-1);
}
.h9-testimonial.testimonial-wrapper-5 {
  max-width: 100%;
  margin-inline-start: 0;
  display: block;
}
.h9-testimonial.testimonial-wrapper-5 .testimonial_header {
  justify-content: inherit;
  align-items: center;
  gap: 4px;
  margin-bottom: 24px;
}
.h9-testimonial.testimonial-wrapper-5 .star-ratings {
  margin-top: 0;
}
.h9-testimonial.testimonial-wrapper-5 .testimonial_item_3 {
  width: 100%;
  padding: 34px 30px 30px;
  overflow: hidden;
  background-color: var(--tj-color-theme-dark);
  border: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h9-testimonial.testimonial-wrapper-5 .testimonial_item_3 {
    padding: 32px 20px 30px;
  }
}
.h9-testimonial.testimonial-wrapper-5 .testimonial_item_3 .author_avatar_wrapper {
  margin-top: 22px;
  margin-bottom: 0;
  padding-top: 30px;
  border-top: 0;
  gap: 12px;
  position: relative;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.h9-testimonial.testimonial-wrapper-5 .testimonial_item_3 .author_avatar_wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  right: -100px;
  left: -100px;
  width: calc(100% + 200px);
  height: 1px;
  background-color: var(--tj-color-border-1);
}

.nav-pagiation-wrap.style-2 {
  margin-top: 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) {
  .nav-pagiation-wrap.style-2 {
    margin-top: 30px;
  }
}
.nav-pagiation-wrap.style-2 .slider-next,
.nav-pagiation-wrap.style-2 .slider-prev {
  background-color: var(--tj-color-theme-dark);
}
.nav-pagiation-wrap.style-2 .slider-next:last-child,
.nav-pagiation-wrap.style-2 .slider-prev:last-child {
  color: var(--tj-color-theme-dark);
}
.nav-pagiation-wrap.style-2 .slider-next:hover,
.nav-pagiation-wrap.style-2 .slider-prev:hover {
  color: var(--tj-color-theme-dark);
  background-color: var(--tj-color-theme-primary);
  border-color: var(--tj-color-theme-primary);
}

/* !END: Testimonial CSS */
/**----------------------------------------
START: Pricing CSS
----------------------------------------*/
.h9_pricing_wrap {
  position: relative;
  z-index: 2;
}

.h9_pricing_shape {
  position: absolute;
  top: -90px;
  left: 70px;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h9_pricing_shape {
    top: 0;
    left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h9_pricing_shape {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h9_pricing_shape img {
    width: 100%;
    height: 600px;
    object-fit: cover;
  }
}

.h9_pricing_item .pricing_item_inner {
  position: relative;
}
.h9_pricing_item .price_switcher {
  position: absolute;
  top: 0;
  right: 0;
}
.h9_pricing_item .price_switcher p {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 400;
}
.h9_pricing_item .toggle_switcher .toggle-switch {
  border-radius: 40px;
  width: 40px;
  height: 20px;
  background-color: var(--tj-color-theme-dark);
}
.h9_pricing_item .toggle_switcher .toggle-switch::before {
  width: 15px;
  height: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.h9_pricing_item .toggle-checkbox:checked + .toggle-switch::before {
  left: 19px;
}
.h9_pricing_item.pricing_item {
  background-color: var(--tj-color-grey-4);
  overflow: hidden;
  backdrop-filter: blur(20px);
}
.h9_pricing_item.pricing_item.style-3 {
  background-color: var(--tj-color-theme-dark);
}
.h9_pricing_item.pricing_item.style-3 .package_price {
  font-size: 48px;
  margin-top: 42px;
}
.h9_pricing_item .package_price {
  margin-bottom: 30px;
}
.h9_pricing_item .package_price .tj_currency {
  font-size: 24px;
}
.h9_pricing_item .package_price .tj_period {
  font-size: 16px;
  font-weight: var(--tj-fw-regular);
  color: var(--tj-color-text-body);
  margin-top: auto;
}
.h9_pricing_item .pricing_features {
  margin-top: 0;
  margin-bottom: 30px;
  padding-top: 30px;
  position: relative;
}
.h9_pricing_item .pricing_features::before {
  content: "";
  position: absolute;
  top: 0;
  left: -50px;
  right: -50px;
  width: calc(100% + 100px);
  height: 1px;
  background-color: rgba(246, 247, 247, 0.1);
}
.h9_pricing_item .pricing_btn {
  border: 1px solid var(--tj-color-theme-primary);
}
.h9_pricing_item .pricing_btn .btn-text > span {
  gap: 4px;
}
.h9_pricing_item .pricing_btn .btn-text > span i,
.h9_pricing_item .pricing_btn .btn-text > span svg {
  margin-top: 1px;
}

/* !END: Pricing CSS */
/**----------------------------------------
START: Client CSS
----------------------------------------*/
.h9-client-section {
  background-color: var(--tj-color-theme-bg);
  border-radius: 16px;
  z-index: 2;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h9-client-section {
    border-radius: 12px;
  }
}
.h9-client-section .bg-img {
  opacity: 1;
  mix-blend-mode: normal;
}
.h9-client-section .sec-heading {
  margin-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) {
  .h9-client-section .sec-heading {
    margin-bottom: 16px;
  }
}
.h9-client-section .sub-title {
  margin-bottom: 16px;
}
.h9-client-section .sec-title {
  font-size: 74px;
  line-height: 1.05;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h9-client-section .sec-title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h9-client-section .sec-title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h9-client-section .sec-title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h9-client-section .sec-title {
    font-size: 32px;
  }
}
.h9-client-section .section-right-content {
  max-width: 513px;
  margin-left: auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h9-client-section .section-right-content {
    max-width: 100%;
  }
}
.h9-client-section .section-right-content p {
  margin-bottom: 20px;
}
.h9-client-wrap {
  margin-top: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h9-client-wrap {
    margin-top: 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) {
  .h9-client-wrap {
    margin-top: 40px;
  }
}
.h9-client-item {
  width: 100%;
  padding: 0;
}
.h9-client-item .client-logo {
  width: 100%;
  height: 157px;
  border: 0;
  background-color: var(--tj-color-grey-4);
  position: relative;
  overflow: hidden;
}
.h9-client-item .client-logo img {
  transition: all 0.5s ease;
}
.h9-client-item .client-logo::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.1), transparent);
  top: -100%;
  left: -100%;
  transition: all 0.5s ease;
  border-radius: 10px;
}
.h9-client-item .client-logo:hover::before {
  top: 100%;
  left: 100%;
}
.h9-client-item .client-logo:hover img {
  transform: scale(1.15);
}

/* !END: Client CSS */
/**----------------------------------------
START: Client CSS
----------------------------------------*/
.h9-faq.h6-faq-section::before, .h9-faq.h6-faq-section::after {
  display: none;
}
.h9-faq-shape-1, .h9-faq-shape-2 {
  position: absolute;
  top: 50%;
  transform: translateY(-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) {
  .h9-faq-shape-1, .h9-faq-shape-2 {
    display: none;
  }
}
.h9-faq-shape-1 {
  left: 0;
}
.h9-faq-shape-2 {
  right: 0;
}

/* !END: Client CSS */
/**----------------------------------------
START: CTA CSS
----------------------------------------*/
.h9-cta-section {
  background-color: var(--tj-color-theme-primary);
}
.h9-cta-section .bg-img {
  opacity: 1;
  mix-blend-mode: difference;
}
.h9-cta-section .sec-heading {
  max-width: 675px;
  padding-top: 70px;
  padding-bottom: 84px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h9-cta-section .sec-heading {
    padding-bottom: 30px;
  }
}
.h9-cta-section .sec-heading .sec-title {
  margin-bottom: 26px;
  color: var(--tj-color-theme-dark);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h9-cta-section .sec-heading .sec-title {
    font-size: 34px;
  }
}
.h9-cta-section .cta-baner {
  position: relative;
  max-width: 595px;
  width: 100%;
  text-align: end;
  margin-right: -40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h9-cta-section .cta-baner {
    max-width: 350px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h9-cta-section .cta-baner {
    text-align: center;
    margin-right: 0;
  }
}
.h9-cta-section .cta-baner .image-2 {
  position: absolute;
  left: 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), (max-width: 575px) {
  .h9-cta-section .cta-baner .image-2 {
    max-width: 220px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .h9-cta-section .cta-area {
    padding-inline-start: 0;
  }
}
.h9-cta-btn-area {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.client-logo img {
  /* This turns the image completely white */
  filter: brightness(0) invert(1);
  
  /* Optional: Make it slightly transparent so it's not "piercing" white */
  opacity: 0.8;
  
  /* Optional: Add a smooth transition if you want it to change on hover */
  transition: all 0.3s ease;
}

/* Optional: Bring back original color or full white on hover */
.client-logo img:hover {
  opacity: 1;
  filter: brightness(0) invert(1); /* Keeps it white but brighter */
}

.wolf-video {
  /* This tells the browser: "keep the state of the last frame when finished" */
  animation-fill-mode: forwards; 
}


.story-box {
  position: relative;
  max-width: 800px;
  margin: -50px auto 0; /* Adjust this to overlap your hero image slightly for a "cool" look */
  z-index: 10;
  padding: 20px;
}

.story-box-inner {
  background: rgba(10, 15, 30, 0.95); /* Deep Dark Navy */
  border: 1px solid rgba(0, 123, 255, 0.3); /* Subtle Blue Border */
  border-radius: 24px;
  padding: 40px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), 0 0 20px rgba(0, 123, 255, 0.1);
  backdrop-filter: blur(10px);
  text-align: center;
}

.story-sub-title {
  color: #007bff;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 14px;
  font-weight: 700;
  display: block;
  margin-bottom: 15px;
}

.story-title {
  color: #ffffff;
  font-size: 32px;
  font-weight: 800;
  margin-bottom: 20px;
}

.blue-text {
  color: #007bff;
}

.story-desc {
  color: #b0b8c1; /* Soft gray for readability on dark background */
  font-size: 17px;
  line-height: 1.8;
  margin-bottom: 30px;
}

.location-badges {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}

.badge-item {
  background: rgba(0, 123, 255, 0.1);
  border: 1px solid #007bff;
  color: #ffffff;
  padding: 8px 20px;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 600;
  transition: all 0.3s ease;
}

.badge-item:hover {
  background: #007bff;
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(0, 123, 255, 0.3);
}

/* The Animation Keyframes */
@keyframes float {
	0% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(-20px); /* Moves up 20 pixels */
	}
	100% {
		transform: translateY(0px);
	}
}

/* Applying the animation to the class */

.floating-circle {
	animation: float 2s ease-in-out infinite;
	display: inline-block; /* Ensures transform works correctly */
}





/* !END: CTA CSS */

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