/*--------------- TABLE OF CONTENTS -------------
  01. Default CSS
  02. Background CSS
  03. Buttons CSS
  04. Mouse Cursor CSS
  05. Preloader CSS
  06. Header CSS
  07. Search CSS
  08. Hamburger CSS
  09. Footer CSS
  10. Swiper CSS
  11. Backtotop CSS
  12. Socials CSS
  13. Progress-bar CSS
  14. Page Header CSS
  15. Hero CSS
  16. Feature CSS
  17. About CSS
  18. Brand CSS
  19. Blog CSS
  20. Blog Details CSS
  21. Project CSS
  22. Counter CSS
  23. Evolute CSS
  24. Service CSS
  25. Service details CSS
  26. Skill CSS
  27. Pricing CSS
  28. Testimonial CSS
  29. Slider CSS
  30. Team CSS
  31. Team details CSS
  32. Faq CSS
  33. History CSS
  34. Careers CSS
  35. Contact CSS
  36. CTA CSS
  37. Progress CSS
  38. Marquee CSS
  39. Section Title CSS
-------------------------------------------------*/
/* START: Default CSS */
/* Google Fonts moved to a <link> with preconnect in index.html <head>
   (an @import here chained the request behind main.css and blocked render) */
:root {
  /**
    @Font-Family Declaration
  */
  --tj-ff-body: "Poppins", sans-serif;
  --tj-ff-heading: "Miranda Sans", "Poppins", sans-serif;
  --tj-ff-fontawesome: "Font Awesome 6 Pro";
  /**
    @Font-weight Declaration
  */
  --tj-fw-normal: normal;
  --tj-fw-thin: 100;
  --tj-fw-elight: 200;
  --tj-fw-light: 300;
  --tj-fw-regular: 400;
  --tj-fw-medium: 500;
  --tj-fw-sbold: 600;
  --tj-fw-bold: 700;
  --tj-fw-ebold: 800;
  --tj-fw-black: 900;
  /**
    @Font-Size Declaration
  */
  --tj-fs-body: 16px;
  --tj-fs-p: 16px;
  --tj-fs-h1: 54px;
  --tj-fs-h2: 51px;
  --tj-fs-h3: 38px;
  --tj-fs-h4: 24px;
  --tj-fs-h5: 20px;
  --tj-fs-h6: 18px;
  /**
    @Color Declaration
  */
  --tj-color-common-white: #f7f7f7;
  --tj-color-common-white-2: #a9b0b8;
  --tj-color-common-black: #000000;
  --tj-color-common-black-2: #676e7a;
  --tj-color-common-black-3: #969ca5;
  --tj-color-heading-primary: #051229;
  --tj-color-text-body: #364052;
  --tj-color-text-body-2: #7e8590;
  --tj-color-theme-primary: #0075ff;
  --tj-color-theme-dark: #051229;
  --tj-color-theme-bg: #e1e8f0;
  --tj-color-theme-bg-2: #dfecfd;
  --tj-color-border-1: #27354d;
  --tj-color-border-2: #ced7e0;
  --tj-color-border-3: #d7d8db;
  --tj-color-red-1: #ff0000;
}
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body,
html {
  position: relative;
}
body {
  font-family: var(--tj-ff-body);
  font-size: var(--tj-fs-body);
  font-weight: normal;
  color: var(--tj-color-text-body);
  background-color: var(--tj-color-common-white);
  line-height: 1.6;
}
body main {
  position: relative;
  z-index: 2;
}
html.lenis,
html.lenis body {
  height: auto;
}
.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
}
.lenis.lenis-stopped {
  overflow: hidden;
}
.lenis.lenis-scrolling iframe {
  pointer-events: none;
}
a {
  text-decoration: none;
  font-family: var(--tj-ff-body);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--tj-ff-heading);
  color: var(--tj-color-heading-primary);
  margin-top: 0px;
  font-weight: var(--tj-fw-sbold);
  line-height: 1.2;
  letter-spacing: -0.025em;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
h1 {
  font-size: var(--tj-fs-h1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  h1 {
    font-size: 50px;
  }
}
@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) {
  h1 {
    font-size: 45px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  h1 {
    font-size: 40px;
  }
}
@media (max-width: 575px) {
  h1 {
    font-size: 35px;
  }
}
h2 {
  font-size: var(--tj-fs-h2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  h2 {
    font-size: 47px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  h2 {
    font-size: 47px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  h2 {
    font-size: 42px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  h2 {
    font-size: 37px;
  }
}
@media (max-width: 575px) {
  h2 {
    font-size: 32px;
  }
}
h3 {
  font-size: var(--tj-fs-h3);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), 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) {
  h3 {
    font-size: 24px;
  }
}
@media (max-width: 575px) {
  h3 {
    font-size: 22px;
  }
}
h4 {
  font-size: var(--tj-fs-h4);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  h4 {
    font-size: 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) {
  h4 {
    font-size: 20px;
  }
}
h5 {
  font-size: var(--tj-fs-h5);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  h5 {
    font-size: 17px;
  }
}
h6 {
  font-size: var(--tj-fs-h6);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  h6 {
    font-size: 16px;
  }
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-size: inherit;
  color: inherit;
  font-weight: inherit;
  line-height: inherit;
  display: block;
}
h1:hover a,
h2:hover a,
h3:hover a,
h4:hover a,
h5:hover a,
h6:hover a {
  font-size: inherit;
  color: inherit;
  font-weight: inherit;
}
ul {
  margin: 0px;
  padding: 0px;
}
a,
.btn,
button,
span,
p,
input,
select,
textarea,
li,
img,
svg path,
*::after,
*::before,
h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
a:focus,
.button:focus {
  text-decoration: none;
  outline: none;
}
a:focus,
a:hover {
  color: inherit;
  text-decoration: none;
}
a,
button {
  color: inherit;
  outline: none;
  border: none;
  background: transparent;
}
button:hover {
  cursor: pointer;
}
button:focus,
button:focus:not(:focus-visible) {
  outline: 0;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}
select,
.nice-select,
input:not([type=radio]):not([type=checkbox]),
textarea {
  outline: none;
  background-color: var(--tj-color-common-white);
  height: auto;
  width: 100%;
  font-size: var(--tj-fs-body);
  border: 1px solid #d1ddff;
  color: var(--tj-color-common-black);
  padding: 10px 15px;
}
input[type=color] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: 0;
  cursor: pointer;
  height: 100%;
  width: 100%;
  padding: 0;
  border-radius: 50%;
}
* {
  scrollbar-width: thin;
  scrollbar-color: var(--tj-color-theme-primary) var(--tj-color-theme-bg);
}
::-webkit-scrollbar {
  height: 4px;
  width: 6px;
}
::-webkit-scrollbar-thumb {
  background: var(--tj-color-theme-primary);
  -webkit-border-radius: 1ex;
  -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);
}
::-webkit-scrollbar-corner {
  background: transparent;
}
*::-moz-selection {
  background: var(--tj-color-common-black);
  color: var(--tj-color-common-white);
  text-shadow: none;
}
::-moz-selection {
  background: var(--tj-color-common-black);
  color: var(--tj-color-common-white);
  text-shadow: none;
}
::selection {
  background: var(--tj-color-common-black);
  color: var(--tj-color-common-white);
  text-shadow: none;
}
*::-webkit-input-placeholder {
  color: var(--tj-color-common-black);
  font-size: var(--tj-fs-body);
  opacity: 1;
}
*::-moz-placeholder {
  color: var(--tj-color-common-black);
  font-size: var(--tj-fs-body);
  opacity: 1;
}
*:-ms-input-placeholder {
  color: var(--tj-color-common-black);
  font-size: var(--tj-fs-body);
  opacity: 1;
}
*::-ms-input-placeholder {
  color: var(--tj-color-common-black);
  font-size: var(--tj-fs-body);
  opacity: 1;
}
*::placeholder {
  color: var(--tj-color-common-black);
  font-size: var(--tj-fs-body);
  opacity: 1;
}
/**
 	Common Classes CSS
*/
.section-space {
  padding: 50px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-space {
    padding: 35px 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) {
  .section-space {
    padding: 80px 0;
  }
}
img {
  max-width: 100%;
}
.rg-30 {
  row-gap: 30px;
}
.rg-50 {
  row-gap: 50px;
}
.hover\:shine {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.hover\:shine::before {
  position: absolute;
  content: "";
  top: 0;
  inset-inline-start: -140%;
  bottom: 0;
  width: 100%;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), to(rgba(255, 255, 255, 0.3)));
  background-image: linear-gradient(to right, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
  -webkit-transform: skewX(-25deg);
      -ms-transform: skewX(-25deg);
          transform: skewX(-25deg);
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  z-index: 1;
}
.hover\:shine:is(:hover, :focus-within)::before {
  -webkit-animation: shine 1s ease forwards;
          animation: shine 1s ease forwards;
}
.zoominout {
  -webkit-animation: zoom-effect 3s linear infinite;
          animation: zoom-effect 3s linear infinite;
}
.wow {
  opacity: 0;
}
.svg-animate svg path {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
  opacity: 1;
}
/* START: Button CSS */
.tj-primary-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 15px;
  line-height: 1;
  font-weight: var(--tj-fw-bold);
  color: var(--tj-color-common-white);
  background-color: #d34b58;
  padding: 5.5px;
  border-radius: 50px;
  position: relative;
  z-index: 1;
}
.tj-primary-btn .btn_inner {
  position: relative;
  z-index: 1;
  padding: 15px 20px 15px 55px;
  width: 100%;
  text-align: center;
}
.tj-primary-btn .btn_inner::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  inset-inline-start: 0;
  width: 45px;
  height: 100%;
  background-color:#d34b58;
  border-radius: 50px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.tj-primary-btn .btn_inner .btn_icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  min-width: 45px;
  height: 100%;
  z-index: 2;
  font-size: 1.6em;
  line-height: 1;
  color: #fff;
}
.tj-primary-btn .btn_inner .btn_icon > span {
  overflow: hidden;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.tj-primary-btn .btn_inner .btn_icon > span i:first-child, .tj-primary-btn .btn_inner .btn_icon > span i:last-child {
  -webkit-transition: -webkit-transform 0.4s ease-in-out 0s;
  transition: -webkit-transform 0.4s ease-in-out 0s;
  transition: transform 0.4s ease-in-out 0s;
  transition: transform 0.4s ease-in-out 0s, -webkit-transform 0.4s ease-in-out 0s;
}
.tj-primary-btn .btn_inner .btn_icon > span i:last-child {
  position: absolute;
  -webkit-transform: translateX(-150%);
      -ms-transform: translateX(-150%);
          transform: translateX(-150%);
}
.tj-primary-btn .btn_inner .btn_text {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  overflow: hidden;
  color: var(--tj-color-common-white);
  text-shadow: 0 23px 0 currentColor;
  white-space: nowrap;
}
.tj-primary-btn .btn_inner .btn_text > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.tj-primary-btn.white-btn {
  background-color: var(--tj-color-common-white);
}
.tj-primary-btn.white-btn .btn_inner .btn_text {
  color: var(--tj-color-heading-primary);
}
.tj-primary-btn.white-btn:hover .btn_inner .btn_text {
  color: var(--tj-color-common-white);
}
.tj-primary-btn.header_btn {
  background-color: #c92333;
  padding: 4.5px;
}
.tj-primary-btn.header_btn .btn_inner {
  padding: 12px 18px 12px 50px;
}
.tj-primary-btn.header_btn .btn_inner::before {
  width: 40px;
}
.tj-primary-btn.header_btn .btn_inner .btn_icon {
  min-width: 40px;
  font-size: 1.4em;
}
.tj-primary-btn.header_btn .btn_inner .btn_text {
  color: #ffffff;
}
.tj-primary-btn:hover .btn_inner::before {
  width: 100%;
}
.tj-primary-btn:hover .btn_inner .btn_icon i:first-child {
  -webkit-transform: translateX(150%);
      -ms-transform: translateX(150%);
          transform: translateX(150%);
}
.tj-primary-btn:hover .btn_inner .btn_icon i:last-child {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
.tj-primary-btn:hover .btn_inner .btn_text {
  color: var(--tj-color-common-white);
}
.tj-primary-btn:hover .btn_inner .btn_text > span {
  -webkit-transform: translateY(-24px);
      -ms-transform: translateY(-24px);
          transform: translateY(-24px);
}
@media (max-width: 575px) {
  .tj-primary-btn {
    padding: 4.5px;
  }
  .tj-primary-btn .btn_inner {
    padding: 12px 18px 12px 50px;
  }
  .tj-primary-btn .btn_inner::before {
    width: 40px;
  }
  .tj-primary-btn .btn_inner .btn_icon {
    min-width: 40px;
    font-size: 1.4em;
  }
}
/* !END: Button CSS */
/* START: Mouse CSS */
.cursor-outer {
  -webkit-margin-start: -15px;
          margin-inline-start: -15px;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  border: 2px solid var(--tj-color-theme-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 10000000;
  opacity: 0.5;
  -webkit-transition: all 0.08s ease-out;
  transition: all 0.08s ease-out;
}
.mouseCursor {
  position: fixed;
  top: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  bottom: 0;
  pointer-events: none;
  border-radius: 50%;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  visibility: hidden;
  text-align: center;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mouseCursor {
    display: none;
  }
}
.cursor-inner {
  -webkit-margin-start: -3px;
          margin-inline-start: -3px;
  margin-top: -3px;
  width: 6px;
  height: 6px;
  z-index: 10000001;
  background-color: var(--tj-color-theme-primary);
  -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.cursor-inner span {
  color: var(--tj-color-common-white);
  line-height: 120px;
  opacity: 0;
  font-size: 15px;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cursor-inner span {
    line-height: 80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .cursor-inner span {
    line-height: 50px;
  }
}
.cursor-inner.cursor-big span {
  opacity: 1;
}
.mouseCursor.cursor-big {
  width: 120px;
  height: 120px;
  -webkit-margin-start: -40px;
          margin-inline-start: -40px;
  margin-top: -40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mouseCursor.cursor-big {
    width: 80px;
    height: 80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mouseCursor.cursor-big {
    width: 50px;
    height: 50px;
  }
}
.mouseCursor.cursor-big.cursor-outer {
  display: none;
}
.mouseCursor.cursor-big.d-none {
  display: none;
}
.project-slider-one,
.slider-drag .swiper-slide {
  cursor: none;
}
.tj-cursor {
  position: fixed;
  z-index: 1000;
  top: 0;
  inset-inline-start: 0;
  width: 120px;
  height: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  border-radius: 50%;
  color: var(--tj-color-common-white);
  background-color: var(--tj-color-theme-primary);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s ease, visibility 0.2s ease;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-cursor {
    width: 80px;
    height: 80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-cursor {
    width: 50px;
    height: 50px;
  }
}
/* !END: Mouse CSS */
/* START: Preloader CSS */
.preloader {
  position: fixed;
  top: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  bottom: 0;
  z-index: 1000;
  background-color: var(--tj-color-common-white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@-webkit-keyframes rotate-loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate-loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/* END: Preloader CSS */
/* START: Header CSS */
.tj-header-area {
  position: relative;
  background-color: var(--tj-color-theme-dark);
  width: 100%;
  inset-inline-start: 0;
  top: 0;
  z-index: 97;
}
.tj-header-area.header-absolute {
  background-color: transparent;
  border-bottom: 1px solid var(--tj-color-border-1);
  position: absolute;
  z-index: 98;
}
.tj-header-area.header-duplicate {
  background-color: var(--tj-color-theme-dark);
  -webkit-box-shadow: 0 0 15px 0 rgba(255, 255, 255, 0.06);
          box-shadow: 0 0 15px 0 rgba(255, 255, 255, 0.06);
  position: fixed;
  z-index: 99;
  visibility: hidden;
  -webkit-transform: translateY(-120%);
      -ms-transform: translateY(-120%);
          transform: translateY(-120%);
  -webkit-transition: visibility 500ms ease, -webkit-transform 500ms ease;
  transition: visibility 500ms ease, -webkit-transform 500ms ease;
  transition: transform 500ms ease, visibility 500ms ease;
  transition: transform 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
}
.tj-header-area.sticky {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  visibility: visible;
  z-index: 100;
}
.tj-header-area.header-1 .menu_btn {
  color: var(--tj-color-common-white);
  -webkit-margin-start: 10px;
          margin-inline-start: 10px;
}
.header-topbar {
  position: relative;
  padding: 6px 45px;
  background-color: #1b3d87;
  z-index: 2;
}
.header-topbar_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 6px;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px), 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-topbar {
    padding: 9px 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-topbar {
    padding: 12px 0;
  }
  .header-topbar .header-topbar_wrap {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    row-gap: 10px;
    text-align: center;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-topbar {
    display: none;
  }
}
.topbar_note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 6px;
     -moz-column-gap: 6px;
          column-gap: 6px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  color: var(--tj-color-common-white);
}
.topbar_note > i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
  font-size: 1.4em;
}
.topbar_note a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-weight: var(--tj-fw-bold);
  line-height: 1;
}
.topbar_note a > span {
  position: relative;
}
.topbar_note a > span::after {
  content: "";
  position: absolute;
  bottom: -2px;
  inset-inline-end: 0;
  width: 100%;
  height: 1px;
  background-color: var(--tj-color-common-white);
}
.topbar_note a i {
  font-size: 1.1em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
  margin-top: 1px;
}
.topbar_note a:hover span::after {
  -webkit-animation: linehover 0.8s linear;
          animation: linehover 0.8s linear;
}
@media (max-width: 575px) {
  .topbar_note {
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.topbar_infos {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.topbar_infos .info_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  line-height: 1;
  color: var(--tj-color-common-white);
}
.topbar_infos .info_item:not(:last-child) {
  -webkit-border-end: 1px solid var(--tj-color-common-white);
          border-inline-end: 1px solid var(--tj-color-common-white);
  -webkit-padding-end: 13px;
          padding-inline-end: 13px;
  -webkit-margin-end: 12px;
          margin-inline-end: 12px;
}
.topbar_infos .info_item i,
.topbar_infos .info_item span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.topbar_infos .info_item a {
  color: inherit;
  font-size: inherit;
}
.topbar_infos .info_item select,
.topbar_infos .info_item .nice-select {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 6px;
     -moz-column-gap: 6px;
          column-gap: 6px;
  height: auto;
  background-color: transparent;
  padding: 0;
  font-size: 14px;
  line-height: 1;
  border-radius: 0;
  border: none;
  color: var(--tj-color-common-white);
  -webkit-padding-end: 17px;
          padding-inline-end: 17px;
}
.topbar_infos .info_item select::before,
.topbar_infos .info_item .nice-select::before {
  content: "";
  font-family: "solvior-icons";
}
.topbar_infos .info_item select::after,
.topbar_infos .info_item .nice-select::after {
  inset-inline-end: 0;
  height: auto;
  width: auto;
  border: none;
  content: "";
  font-family: "solvior-icons";
  -webkit-transform: translateY(-50%) rotate(0);
      -ms-transform: translateY(-50%) rotate(0);
          transform: translateY(-50%) rotate(0);
  margin-top: 0;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
}
.topbar_infos .info_item select.open::after,
.topbar_infos .info_item .nice-select.open::after {
  -webkit-transform: translateY(-50%) rotate(-180deg);
      -ms-transform: translateY(-50%) rotate(-180deg);
          transform: translateY(-50%) rotate(-180deg);
}
@media (max-width: 575px) {
  .topbar_infos {
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
    row-gap: 10px;
  }
  .topbar_infos .info_item:not(:last-child) {
    -webkit-border-end: none;
            border-inline-end: none;
    -webkit-padding-end: 0;
            padding-inline-end: 0;
    -webkit-margin-end: 0;
            margin-inline-end: 0;
  }
}
.site-logo .logo {
  display: inline-block;
  width: 100%;
}
.header-bottom {
  padding: 0px 45px;
  background: #fff;
}
@media 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) {
  .header-bottom {
    padding: 17px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-bottom {
    padding: 8px 0;
  }
}
.header-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 15px;
}
.mainmenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
.mainmenu ul > li {
  position: relative;
  z-index: 1;
}
.mainmenu ul > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  font-size: 16px;
  color: #000000;
  padding: 32px 0;
  font-weight: var(--tj-fw-bold);
  line-height: 1;
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
}
.mainmenu ul > li.menu-item-has-children > a::after, .mainmenu ul > li.has-dropdown > a::after {
  content: "";
  font-family: "solvior-icons";
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
}
.mainmenu ul > li.current-menu-ancestor > a, .mainmenu ul > li.current-menu-item > a, .mainmenu ul > li:hover > a {
  color: #1a3c86;
}
.mainmenu ul > li:hover > a::after {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.mainmenu ul > li:hover > .sub-menu {
  visibility: visible;
  opacity: 1;
  top: 100%;
  pointer-events: inherit;
}
.mainmenu ul > li:hover > .sub-menu::before {
  width: 100%;
}
.mainmenu ul > li > .sub-menu {
  width: 230px;
  background: var(--tj-color-common-white);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  text-align: start;
  gap: 0;
  position: absolute;
  padding: 10px 0;
  z-index: 9;
  top: 85%;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
}
.mainmenu ul > li > .sub-menu::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  width: 0;
  height: 3px;
  background: var(--tj-color-theme-primary);
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.mainmenu ul > li > .sub-menu > li {
  width: 100%;
}
.mainmenu ul > li > .sub-menu > li > a {
  width: 100%;
  padding: 12px 15px;
  color: var(--tj-color-text-body);
  line-height: 1.3;
}
.mainmenu ul > li > .sub-menu > li > a::before {
  position: absolute;
  content: "";
  width: 0;
  height: 2px;
  background: var(--tj-color-theme-primary);
  top: 21px;
  inset-inline-start: 15px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.mainmenu ul > li > .sub-menu > li > a::after {
  position: absolute;
  inset-inline-end: 12px;
}
.mainmenu ul > li > .sub-menu > li.menu-item-has-children > a, .mainmenu ul > li > .sub-menu > li.has-dropdown > a {
  padding: 12px 28px 12px 15px;
}
.mainmenu ul > li > .sub-menu > li.menu-item-has-children > a::after, .mainmenu ul > li > .sub-menu > li.has-dropdown > a::after {
  content: "";
  -webkit-transition: none;
  transition: none;
}
.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);
  -webkit-padding-start: 36px;
          padding-inline-start: 36px;
  -webkit-padding-end: 5px;
          padding-inline-end: 5px;
}
.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 {
  width: 12px;
}
.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 {
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}
.mainmenu ul > li > .sub-menu > li > .sub-menu {
  top: -15%;
  inset-inline-start: 100%;
}
.mainmenu ul > li > .sub-menu > li:hover > .sub-menu {
  top: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mainmenu ul {
    gap: 18px;
  }
  .mainmenu ul > li > a {
    -webkit-column-gap: 3px;
       -moz-column-gap: 3px;
            column-gap: 3px;
  }
}
.mainmenu.menu-3 ul > li > a {
  color: #676e7a;
}
.mainmenu.menu-3 ul > li.current-menu-ancestor > a, .mainmenu.menu-3 ul > li.current-menu-item > a, .mainmenu.menu-3 ul > li:hover > a {
  color: var(--tj-color-theme-primary);
}
.header_right_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
  row-gap: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header_right_info {
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-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) {
  .header_right_info {
    -webkit-margin-start: auto;
            margin-inline-start: auto;
  }
}
.menu_btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: var(--tj-fw-bold);
  line-height: 1;
  color: var(--tj-color-heading-primary);
}
.menu_btn i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
  font-size: 22px;
}
@-webkit-keyframes bounceTwice {
  0% {
    -webkit-transform: rotate(45deg) translateY(0);
            transform: rotate(45deg) translateY(0);
  }
  25% {
    -webkit-transform: rotate(0deg) translateY(-3px);
            transform: rotate(0deg) translateY(-3px);
  }
  50% {
    -webkit-transform: rotate(0deg) translateY(0);
            transform: rotate(0deg) translateY(0);
  }
  75% {
    -webkit-transform: rotate(0deg) translateY(-3px);
            transform: rotate(0deg) translateY(-3px);
  }
  100% {
    -webkit-transform: rotate(0deg) translateY(0);
            transform: rotate(0deg) translateY(0);
  }
}
@keyframes bounceTwice {
  0% {
    -webkit-transform: rotate(45deg) translateY(0);
            transform: rotate(45deg) translateY(0);
  }
  25% {
    -webkit-transform: rotate(0deg) translateY(-3px);
            transform: rotate(0deg) translateY(-3px);
  }
  50% {
    -webkit-transform: rotate(0deg) translateY(0);
            transform: rotate(0deg) translateY(0);
  }
  75% {
    -webkit-transform: rotate(0deg) translateY(-3px);
            transform: rotate(0deg) translateY(-3px);
  }
  100% {
    -webkit-transform: rotate(0deg) translateY(0);
            transform: rotate(0deg) translateY(0);
  }
}
/* !END: Header CSS */
/* START: Mega Menu CSS */
.mainmenu ul > li:has(.mega-menu),
.mobile_menu ul > li:has(.mega-menu) {
  position: static;
}
.mainmenu ul > li > .mega-menu,
.mobile_menu ul > li > .mega-menu {
  max-width: 1920px;
  width: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  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) {
  .mainmenu ul > li > .mega-menu,
  .mobile_menu ul > li > .mega-menu {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  }
  .mainmenu ul > li > .mega-menu li,
  .mobile_menu ul > li > .mega-menu li {
    -webkit-padding-start: 0 !important;
            padding-inline-start: 0 !important;
  }
}
.mainmenu ul > li > .mega-menu::before,
.mobile_menu ul > li > .mega-menu::before {
  display: none;
}
.mainmenu ul > li > .mega-menu .container-fluid,
.mobile_menu ul > li > .mega-menu .container-fluid {
  max-width: 1920px;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-margin-end: auto;
          margin-inline-end: auto;
  width: 100%;
}
.mainmenu ul > li > .mega-menu .col-xl-3,
.mobile_menu ul > li > .mega-menu .col-xl-3 {
  width: 20%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mainmenu ul > li > .mega-menu .col-xl-3,
  .mobile_menu ul > li > .mega-menu .col-xl-3 {
    width: 25%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mainmenu ul > li > .mega-menu .col-xl-3,
  .mobile_menu ul > li > .mega-menu .col-xl-3 {
    width: 100%;
  }
}
.mainmenu ul > li > .mega-menu-pages,
.mobile_menu ul > li > .mega-menu-pages {
  width: calc(100% - 30px);
  max-width: 1320px;
  padding: 0;
  margin: 0 auto;
}
.mainmenu ul > li > .mega-menu-pages .mega-menu-wrapper,
.mobile_menu ul > li > .mega-menu-pages .mega-menu-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: 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) {
  .mainmenu ul > li > .mega-menu-pages .mega-menu-wrapper,
  .mobile_menu ul > li > .mega-menu-pages .mega-menu-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.mainmenu ul > li > .mega-menu-pages .mega-menu-pages-single,
.mobile_menu ul > li > .mega-menu-pages .mega-menu-pages-single {
  width: 315px;
  -webkit-border-start: 1px solid var(--tj-color-border-2);
          border-inline-start: 1px solid var(--tj-color-border-2);
  padding: 30px 30px 20px;
}
.mainmenu ul > li > .mega-menu-pages .mega-menu-pages-single:last-child, .mainmenu ul > li > .mega-menu-pages .mega-menu-pages-single:first-child,
.mobile_menu ul > li > .mega-menu-pages .mega-menu-pages-single:last-child,
.mobile_menu ul > li > .mega-menu-pages .mega-menu-pages-single:first-child {
  -webkit-border-start: 0;
          border-inline-start: 0;
}
.mainmenu ul > li > .mega-menu-pages .mega-menu-pages-single:last-child,
.mobile_menu ul > li > .mega-menu-pages .mega-menu-pages-single:last-child {
  width: 377px;
  padding: 15px 15px;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mainmenu ul > li > .mega-menu-pages .mega-menu-pages-single:last-child,
  .mobile_menu ul > li > .mega-menu-pages .mega-menu-pages-single:last-child {
    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) {
  .mainmenu ul > li > .mega-menu-pages .mega-menu-pages-single:last-child,
  .mobile_menu ul > li > .mega-menu-pages .mega-menu-pages-single:last-child {
    width: 100%;
    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) {
  .mainmenu ul > li > .mega-menu-pages .mega-menu-pages-single,
  .mobile_menu ul > li > .mega-menu-pages .mega-menu-pages-single {
    width: 100%;
    padding: 20px 0;
    -webkit-border-start: 0;
            border-inline-start: 0;
  }
}
.mainmenu ul > li > .mega-menu-pages .mega-menu-title,
.mobile_menu ul > li > .mega-menu-pages .mega-menu-title {
  font-size: 16px;
  font-family: var(--tj-ff-body);
  padding-bottom: 10px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mainmenu ul > li > .mega-menu-pages .mega-menu-title,
  .mobile_menu ul > li > .mega-menu-pages .mega-menu-title {
    color: var(--tj-color-common-white);
  }
}
.mainmenu ul > li > .mega-menu-pages .mega-menu-title::before,
.mobile_menu ul > li > .mega-menu-pages .mega-menu-title::before {
  position: absolute;
  content: "";
  width: 32px;
  height: 3px;
  background: var(--tj-color-border-2);
  bottom: 0px;
  inset-inline-start: 0;
}
.mainmenu ul > li > .mega-menu-pages .mega-menu-title::after,
.mobile_menu ul > li > .mega-menu-pages .mega-menu-title::after {
  position: absolute;
  content: "";
  width: 4px;
  height: 3px;
  background: var(--tj-color-common-white);
  bottom: 0px;
  inset-inline-start: 20px;
}
.mainmenu ul > li > .mega-menu-pages .mega-menu-list,
.mobile_menu ul > li > .mega-menu-pages .mega-menu-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mainmenu ul > li > .mega-menu-pages .mega-menu-list a,
.mobile_menu ul > li > .mega-menu-pages .mega-menu-list a {
  font-weight: var(--tj-fw-bold);
  color: var(--tj-color-common-black-2);
  padding: 12px 0;
  line-height: 1;
  position: relative;
}
.mainmenu ul > li > .mega-menu-pages .mega-menu-list a:has(.mega-menu-badge),
.mobile_menu ul > li > .mega-menu-pages .mega-menu-list a:has(.mega-menu-badge) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mainmenu ul > li > .mega-menu-pages .mega-menu-list a::before,
.mobile_menu ul > li > .mega-menu-pages .mega-menu-list a::before {
  position: absolute;
  content: "";
  width: 0;
  height: 2px;
  background: var(--tj-color-theme-primary);
  top: 21px;
  inset-inline-start: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.mainmenu ul > li > .mega-menu-pages .mega-menu-list a:hover, .mainmenu ul > li > .mega-menu-pages .mega-menu-list a.active,
.mobile_menu ul > li > .mega-menu-pages .mega-menu-list a:hover,
.mobile_menu ul > li > .mega-menu-pages .mega-menu-list a.active {
  color: var(--tj-color-theme-primary);
  -webkit-padding-start: 20px;
          padding-inline-start: 20px;
}
.mainmenu ul > li > .mega-menu-pages .mega-menu-list a:hover::before, .mainmenu ul > li > .mega-menu-pages .mega-menu-list a.active::before,
.mobile_menu ul > li > .mega-menu-pages .mega-menu-list a:hover::before,
.mobile_menu ul > li > .mega-menu-pages .mega-menu-list a.active::before {
  width: 12px;
}
.mainmenu ul > li > .mega-menu .mega-menu-badge,
.mobile_menu ul > li > .mega-menu .mega-menu-badge {
  font-size: 10px;
  line-height: 1;
  letter-spacing: -0.025em;
  color: var(--tj-color-common-white);
  background-color: var(--tj-color-theme-primary);
  padding: 3px 7px;
  border-radius: 40px;
}
.mainmenu ul > li > .mega-menu .mega-menu-badge-hot,
.mobile_menu ul > li > .mega-menu .mega-menu-badge-hot {
  background-color: var(--tj-color-red-1);
}
.mainmenu ul > li > .mega-menu-service,
.mobile_menu ul > li > .mega-menu-service {
  width: 346px;
  -webkit-margin-start: -25px;
          margin-inline-start: -25px;
  padding: 15px 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) {
  .mainmenu ul > li > .mega-menu-service,
  .mobile_menu ul > li > .mega-menu-service {
    width: 100%;
    -webkit-margin-start: 0;
            margin-inline-start: 0;
  }
}
.mainmenu ul > li > .mega-menu-service::before,
.mobile_menu ul > li > .mega-menu-service::before {
  display: none;
}
.mainmenu ul > li > .mega-menu-service li a,
.mobile_menu ul > li > .mega-menu-service li a {
  padding: 15px 25px;
  border-bottom: 1px solid var(--tj-color-border-2);
}
.mainmenu ul > li > .mega-menu-service li:last-child a,
.mobile_menu ul > li > .mega-menu-service li:last-child a {
  border-bottom: 0;
}
.mainmenu ul > li > .mega-menu-service li:hover a,
.mobile_menu ul > li > .mega-menu-service li:hover a {
  -webkit-padding-start: 25px;
          padding-inline-start: 25px;
}
.mainmenu ul > li > .mega-menu-service li:hover a::before,
.mobile_menu ul > li > .mega-menu-service li:hover a::before {
  display: none;
}
.mainmenu ul > li > .mega-menu-service-single,
.mobile_menu ul > li > .mega-menu-service-single {
  gap: 12px;
}
.mainmenu ul > li > .mega-menu-service-single .mega-menu-service-icon,
.mobile_menu ul > li > .mega-menu-service-single .mega-menu-service-icon {
  width: 54px;
  height: 54px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  position: relative;
  z-index: 2;
  text-align: center;
  background-color: var(--tj-color-theme-bg);
  color: var(--tj-color-theme-primary);
  font-size: 40px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: 0.4s ease-in-out 0s;
  transition: 0.4s ease-in-out 0s;
}
.mainmenu ul > li > .mega-menu-service-single .mega-menu-service-title,
.mobile_menu ul > li > .mega-menu-service-single .mega-menu-service-title {
  line-height: 1.375;
  max-width: 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) {
  .mainmenu ul > li > .mega-menu-service-single .mega-menu-service-title,
  .mobile_menu ul > li > .mega-menu-service-single .mega-menu-service-title {
    max-width: 156px;
  }
}
.mainmenu ul > li > .mega-menu-service-single .mega-menu-service-nav,
.mobile_menu ul > li > .mega-menu-service-single .mega-menu-service-nav {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  position: relative;
  min-width: 45px;
  height: 100%;
  z-index: 2;
  font-size: 1.6em;
  line-height: 1;
  color: var(--tj-color-theme-dark);
  -webkit-transform: rotate(-45deg) translate(23px, 25px);
      -ms-transform: rotate(-45deg) translate(23px, 25px);
          transform: rotate(-45deg) translate(23px, 25px);
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mainmenu ul > li > .mega-menu-service-single .mega-menu-service-nav,
  .mobile_menu ul > li > .mega-menu-service-single .mega-menu-service-nav {
    color: var(--tj-color-common-white);
    -webkit-transform: rotate(-45deg) translate(56px, 73px);
        -ms-transform: rotate(-45deg) translate(56px, 73px);
            transform: rotate(-45deg) translate(56px, 73px);
  }
}
@media (max-width: 575px) {
  .mainmenu ul > li > .mega-menu-service-single .mega-menu-service-nav,
  .mobile_menu ul > li > .mega-menu-service-single .mega-menu-service-nav {
    color: var(--tj-color-common-white);
    -webkit-transform: rotate(-45deg) translate(-1px, 19px);
        -ms-transform: rotate(-45deg) translate(-1px, 19px);
            transform: rotate(-45deg) translate(-1px, 19px);
  }
}
.mainmenu ul > li > .mega-menu-service-single .mega-menu-service-nav i,
.mobile_menu ul > li > .mega-menu-service-single .mega-menu-service-nav i {
  -webkit-transition: -webkit-transform 0.4s ease-in-out 0s;
  transition: -webkit-transform 0.4s ease-in-out 0s;
  transition: transform 0.4s ease-in-out 0s;
  transition: transform 0.4s ease-in-out 0s, -webkit-transform 0.4s ease-in-out 0s;
}
.mainmenu ul > li > .mega-menu-service-single .mega-menu-service-nav i:last-child,
.mobile_menu ul > li > .mega-menu-service-single .mega-menu-service-nav i:last-child {
  position: absolute;
  -webkit-transform: translateX(-150%);
      -ms-transform: translateX(-150%);
          transform: translateX(-150%);
}
.mainmenu ul > li > .mega-menu-service-single .mega-menu-service-nav:hover i:first-child,
.mobile_menu ul > li > .mega-menu-service-single .mega-menu-service-nav:hover i:first-child {
  -webkit-transform: translateX(150%);
      -ms-transform: translateX(150%);
          transform: translateX(150%);
}
.mainmenu ul > li > .mega-menu-service-single .mega-menu-service-nav:hover i:last-child,
.mobile_menu ul > li > .mega-menu-service-single .mega-menu-service-nav:hover i:last-child {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
.mainmenu ul > li > .mega-menu-service-single:hover .mega-menu-service-icon,
.mobile_menu ul > li > .mega-menu-service-single:hover .mega-menu-service-icon {
  background-color: var(--tj-color-theme-primary);
  color: var(--tj-color-common-white);
}
.mainmenu ul > li > .mega-menu-service-single:hover .mega-menu-service-nav,
.mobile_menu ul > li > .mega-menu-service-single:hover .mega-menu-service-nav {
  opacity: 1;
}
.hamburger_menu .mean-container .mean-nav ul li .mega-menu li a,
.hamburger_menu .mean-container .mean-nav ul li .mega-menu-service a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  float: none;
  border-bottom: 0;
}
.hamburger_menu .mean-container .mean-nav ul li .mega-menu li a:has(.mega-menu-badge),
.hamburger_menu .mean-container .mean-nav ul li .mega-menu-service a:has(.mega-menu-badge) {
  gap: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hamburger_menu .mean-container .mean-nav ul li .mega-menu li a.tj-primary-btn,
.hamburger_menu .mean-container .mean-nav ul li .mega-menu-service a.tj-primary-btn {
  padding: 4.5px;
}
.hamburger_menu .mean-container .mean-nav ul li .mega-menu li a .mega-menu-badge,
.hamburger_menu .mean-container .mean-nav ul li .mega-menu-service a .mega-menu-badge {
  font-size: 10px;
  line-height: 1;
  letter-spacing: -0.025em;
  color: var(--tj-color-common-white);
  background-color: var(--tj-color-theme-primary);
  padding: 3px 7px;
  border-radius: 40px;
}
.hamburger_menu .mean-container .mean-nav ul li .mega-menu li a .mega-menu-badge-hot,
.hamburger_menu .mean-container .mean-nav ul li .mega-menu-service a .mega-menu-badge-hot {
  background-color: var(--tj-color-red-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) {
  .hamburger_menu .mean-container .mean-nav ul li .mega-menu-service li,
  .hamburger_menu .mean-container .mean-nav ul li .mega-menu-pages li {
    -webkit-padding-start: 0 !important;
            padding-inline-start: 0 !important;
  }
}
.hamburger_menu .mean-container .mean-nav ul li .mega-menu-service li a,
.hamburger_menu .mean-container .mean-nav ul li .mega-menu-pages li a {
  border-bottom: 1px solid var(--tj-color-border-1);
}
.hamburger_menu .mean-container .mean-nav ul li .mega-menu-pages li .mega-menu-title::after {
  background-color: var(--tj-color-theme-dark);
}
.hamburger_menu .mean-container .mean-nav ul li .mega-menu-pages li a:not(.tj-primary-btn) {
  width: 100%;
  padding: 18px 0;
  text-transform: capitalize;
  color: var(--tj-color-common-white);
  border-bottom: 1px solid var(--tj-color-border-1);
}
.hamburger_menu .mean-container .mean-nav ul li .mega-menu-pages li a:not(.tj-primary-btn)::before {
  display: none;
}
.hamburger_menu .mean-container .mean-nav ul li .mega-menu-pages li a:not(.tj-primary-btn):hover {
  color: var(--tj-color-text-body);
  padding: 18px 0;
}
.hamburger_menu .mean-container .mean-nav ul li .mega-menu-pages li .cta-btn .tj-primary-btn {
  width: auto;
}
/* !END: Mega Menu CSS */
/* START: Search CSS */
.search-popup-overlay {
  position: fixed;
  inset-inline-start: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  z-index: 99;
  -webkit-transform: translateY(calc(-100% - 80px));
  -ms-transform: translateY(calc(-100% - 80px));
  transform: translateY(calc(-100% - 80px));
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.search-popup-overlay.opened {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
/* !END: Search CSS */
/* START: Hamburger CSS */
.hamburger-area {
  position: fixed;
  inset-inline-end: -490px;
  top: 0;
  width: 450px;
  height: 100%;
  -webkit-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
          box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  z-index: 9999;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-y: scroll;
}
.hamburger-area::-webkit-scrollbar {
  display: none;
}
.hamburger-area.opened {
  inset-inline-end: 0px;
}
@media (max-width: 575px) {
  .hamburger-area {
    width: 320px;
  }
}
.hamburger_bg {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  background-color: var(--tj-color-theme-dark);
  z-index: -1;
  backdrop-filter: blur(37px);
}
.hamburger_logo {
  display: none;
}
.hamburger_top .hamburger_close {
  margin-inline-start: auto;
}
.hamburger_wrapper {
  position: relative;
  padding: 45px 45px 90px 45px;
  overflow: auto;
  height: 100%;
}
@media (max-width: 575px) {
  .hamburger_wrapper {
    padding: 40px 20px 60px 20px;
  }
}
.hamburger_top {
  margin-bottom: 40px;
}
.hamburger_close_btn {
  display: inline-block;
  font-size: 35px;
  line-height: 1;
  color: var(--tj-color-common-white);
}
@media (max-width: 575px) {
  .hamburger_close_btn {
    font-size: 30px;
  }
}
.hamburger_close_btn:hover {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  color: var(--tj-color-theme-primary);
}
.hamburger_menu {
  display: block;
  width: 100%;
}
.hamburger_menu .mean-container .mean-bar {
  background: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 30px;
}
.hamburger_menu .mean-container .mean-bar * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.hamburger_menu .mean-nav {
  background: transparent !important;
  margin-top: 0;
  overflow: hidden;
}
.hamburger_menu .mean-bar {
  background: transparent !important;
}
.hamburger_menu .mean-nav > ul {
  display: block !important;
}
.hamburger_menu .mean-nav > ul > li:first-child > a {
  border-top: none;
}
.hamburger_menu .mean-nav ul li {
  position: relative;
}
.hamburger_menu .mean-nav ul li a {
  color: var(--tj-color-common-white);
  width: 100%;
  padding: 18px 0;
  border-top: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  font-weight: var(--tj-fw-bold);
  font-size: 16px;
  line-height: 1;
  text-transform: capitalize;
  -webkit-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}
.hamburger_menu .mean-nav ul li a:hover {
  color: var(--tj-color-text-body);
}
.hamburger_menu .mean-nav ul li a.mean-expand {
  padding: 0;
  width: 30px;
  height: 30px;
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1em;
  position: absolute;
  inset-inline-end: 0;
  top: 10px;
  -webkit-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}
.hamburger_menu .mean-nav ul li a.mean-expand:hover {
  color: var(--tj-color-common-white);
}
.hamburger_menu .mean-nav ul li a.mean-expand.mean-clicked {
  color: var(--tj-color-theme-primary);
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.hamburger_menu .mean-nav ul li .sub-menu li {
  -webkit-padding-start: 25px;
          padding-inline-start: 25px;
  position: relative;
}
.hamburger_menu .mean-nav ul li .sub-menu li a {
  width: 100%;
  padding: 18px 0;
  text-transform: capitalize;
}
.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-title {
  color: var(--tj-color-common-white);
  font-size: 25px;
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
}
.hamburger-socials ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.hamburger-socials ul li a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  color: var(--tj-color-heading-primary);
  background: #fff;
  font-size: 16px;
  line-height: 1;
}
.hamburger-socials ul li a i {
  color: var(--tj-color-heading-primary);
}
.hamburger-socials ul li a:hover {
  background-color: #fff;
  color: var(--tj-color-common-white);
}
.hamburger-socials ul li a:hover i {
  color: var(--tj-color-common-white);
}
.hamburger_logo .mobile_logo {
  display: inline-block;
  max-width: 222px;
  background: #fff;
  width: 100%;
}
.body-overlay {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 9999;
  inset-inline-start: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  backdrop-filter: blur(10px);
}
.body-overlay.opened {
  opacity: 1;
  visibility: visible;
}
/* !END: Hamburger CSS */
/* START: Footer CSS */
.tj-footer-area {
  position: relative;
  background: var(--tj-color-theme-dark);
  border-top: 1px solid var(--tj-color-border-1);
  z-index: 1;
}
.footerStack {
  border: none;
  /* position: sticky; */
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 0;
}
.footerStack .tj-footer-area {
  border-top: none;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .footerStack {
    position: inherit;
  }
}
/* !END: Footer CSS */
/* START: Swiper Nav & Dots CSS */
.swiper_navigations {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.swiper_navigations .navigation {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 22px;
  line-height: 1;
  color: var(--tj-color-heading-primary);
  border: 1px solid #3156a1;
    background: #3359a4;
  -webkit-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  cursor: pointer;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .swiper_navigations .navigation {
    width: 40px;
    height: 40px;
    font-size: 18px;
  }
}
.swiper_navigations .navigation i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
  color: #ffffff;
}
.swiper_navigations .navigation:hover {
  color: var(--tj-color-common-white);
  background-color: var(--tj-color-theme-primary);
  border-color: var(--tj-color-theme-primary);
}
.swiper_navigations .navigation:hover i {
  color: var(--tj-color-common-white);
}
.swiper_pagination {
  text-align: center;
  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) {
  .swiper_pagination {
    margin-top: 40px;
  }
}
.swiper_pagination .swiper-pagination-bullet {
  position: relative;
  z-index: 1;
  width: 21px;
  height: 22px;
  background-color: transparent;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 1;
  margin: 0 2px !important;
}
.swiper_pagination .swiper-pagination-bullet::before {
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 21px;
  height: 22px;
  background-color: var(--tj-color-theme-primary);
  aspect-ratio: 1;
  clip-path: polygon(93.3% 75%, 50% 100%, 6.7% 75%, 6.7% 25%, 50% 0%, 93.3% 25%, 93.3% 75%, 88.97% 27.5%, 50% 5%, 11.03% 27.5%, 11.03% 72.5%, 50% 95%, 88.97% 72.5%, 88.97% 27.5%);
  opacity: 0;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}
.swiper_pagination .swiper-pagination-bullet::after {
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 9px;
  height: 10px;
  background-color: var(--tj-color-theme-primary);
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 70%, 0 30%);
  position: absolute;
  top: 6px;
}
.swiper_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
/* !END: Swiper Nav & Dots CSS */
/* START: Back to Top CSS */
.back-to-top-wrapper {
  position: absolute;
  inset-inline-end: 20px;
  bottom: 0;
  width: 40px;
  height: 140px;
  cursor: pointer;
  display: block;
  border-radius: 25px;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.back-to-top-wrapper.back-to-top-btn-show {
  visibility: visible;
  opacity: 1;
  bottom: 120px;
}
@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) {
  .back-to-top-wrapper {
    inset-inline-end: 15px;
  }
  .back-to-top-wrapper.back-to-top-btn-show {
    /* bottom: 50px; */
      bottom: 215px;
  }
}
.back-to-top-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 40px;
  height: 130px;
  text-align: center;
  background: transparent;
  color: var(--tj-color-heading-primary);
  border: 1px solid var(--tj-color-border-2);
  border-radius: 25px;
  -webkit-transition: all, 0.3s;
  transition: all, 0.3s;
  line-height: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.back-to-top-btn:hover {
  color: var(--tj-color-theme-primary);
  border-color: var(--tj-color-theme-primary);
}
.back-to-top-btn i {
  margin-bottom: 10px;
  -webkit-animation: bounce2 2s infinite;
          animation: bounce2 2s infinite;
}
.back-to-top-btn span {
  display: inline-block;
  font-weight: var(--tj-fw-bold);
  text-transform: uppercase;
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
  letter-spacing: -0.03em;
}
.back-to-top-btn:hover {
  -webkit-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  transform: translateY(-4px);
}
.back-to-top-btn.style-2 {
  color: var(--tj-color-common-white);
  border: 1px solid var(--tj-color-border-1);
}
.back-to-top-btn.style-2:hover {
  color: var(--tj-color-theme-primary);
  border-color: var(--tj-color-theme-primary);
}
/* !END: back to top CSS */
/* !START: Socials CSS */
/* !END: Socials CSS */
/* START: Progress Bar CSS */
/* !END: Progress Bar CSS */
/*----------------------------------------*/
/*  2.178 Range Slider css start
/*----------------------------------------*/
.ui-checkboxradio-disabled,
.ui-state-disabled {
  pointer-events: none;
}
.ui-state-disabled {
  cursor: default !important;
}
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-selectmenu-open {
  display: block;
}
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  -webkit-filter: inherit;
          filter: inherit;
}
.ui-slider-horizontal {
  height: 0.8em;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.ui-slider-vertical .ui-slider-range-min,
.ui-spinner-down {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max,
.ui-spinner-up {
  top: 0;
}
.ui-button:focus,
.ui-button:hover,
.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
  border: 1px solid #ccc;
  background: #ededed;
  font-weight: 400;
  color: #2b2b2b;
}
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
a.ui-button:focus,
a.ui-button:hover {
  color: #2b2b2b;
  text-decoration: none;
}
.ui-button.ui-state-active:hover,
.ui-button:active,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: 400;
  color: #fff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #fff;
  text-decoration: none;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
}
.ui-icon-folder-open {
  background-position: -16px -96px;
}
.ui-icon-mail-open {
  background-position: -96px -96px;
}
.ui-icon-zoomin {
  background-position: -128px -112px;
}
.ui-icon-zoomout {
  background-position: -144px -112px;
}
.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}
.ui-widget-overlay {
  background: #aaa;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
}
/* START: Page Header CSS */
/* !END: Page Header CSS */
/* START: Hero CSS */
.hero_scroll {
  position: absolute;
  inset-inline-start: 15px;
  bottom: 100px;
  border: 1px solid var(--tj-color-border-1);
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  border-radius: 70px;
  padding: 6px 20px;
  z-index: 2;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.hero_scroll:hover {
  border-color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .hero_scroll {
    inset-inline-start: -6px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero_scroll {
    inset-inline-start: -35px;
  }
}
/* !END: Hero CSS */
/* START: Feature CSS */
.tj-feature-section {
  overflow: hidden;
}
.tj-feature-section .sec-heading {
  max-width: 585px;
  width: 100%;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-margin-end: auto;
          margin-inline-end: auto;
}
.tj-feature-section .sec-heading .desc p:last-child {
  margin-bottom: 0;
}
.feature-item {
  border: 1px solid var(--tj-color-border-2);
  padding: 40px 30px;
  background-color: var(--tj-color-common-white);
}
.feature-item .feature-icon {
  max-width: 80px;
  width: 100%;
  margin-bottom: 35px;
}
.feature-item .feature-content .title {
  margin-bottom: 20px;
  letter-spacing: -0.025em;
}
.feature-item .feature-content .desc {
  line-height: 1.5;
}
.feature-item .feature-content .desc p:last-child {
  margin-bottom: 0;
  color: #fff;
}
.feature-item:hover .feature-icon {
  -webkit-animation: wobble-horizontal-hover 1s ease-in-out 1;
          animation: wobble-horizontal-hover 1s ease-in-out 1;
}
.feature-item.hover-bg {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.feature-item.hover-bg::before {
  content: "";
  position: absolute;
  top: 0;
  inset-inline-start: auto;
  inset-inline-end: 0;
  width: 0;
  height: 100%;
  background-color: var(--tj-color-theme-bg);
  border-color: var(--tj-color-theme-bg);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  z-index: -1;
}
.feature-item.hover-bg:hover::before {
  width: 100%;
  inset-inline-start: 0;
  inset-inline-end: auto;
}
@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) {
  .feature-item {
    padding: 35px 15px;
  }
}
/* !END: Feature CSS */
/* START: About CSS */
.tj-about-section {
  background-color: var(--tj-color-common-white);
  padding-top: 65px;
  padding-bottom: 65px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.tj-about-section::before {
  position: absolute;
  content: "";
  width: 97%;
  height: 100%;
  top: 0;
  inset-inline-start: 0;
  border-radius: 0 0 var(--br-bottom-left) 0;
  background: #e1e8f054;
  z-index: -1;
  -webkit-transition: none;
  transition: none;
}
.tj-about-section .sec-heading {
  margin-bottom: 0px;
}
.tj-about-section .about-bg-images .about-shape-1 {
  position: absolute;
  max-width: 745px;
  width: 100%;
  height: 676px;
  top: 50%;
  inset-inline-start: 0px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-mask-image: url(../images/shapes/about-mark-1.svg);
          mask-image: url(../images/shapes/about-mark-1.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  background: var(--tj-color-common-white);
  -webkit-mask-position: center;
          mask-position: center;
}
.tj-about-section .about-bg-images .about-shape-1 img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  max-width: 97%;
}
.tj-about-section .about-bg-images .about-shape-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 187px;
  width: 100%;
  height: 185px;
  position: absolute;
  top: -1px;
  inset-inline-start: 35%;
  -webkit-mask-image: url(../images/shapes/about-mark-2.svg);
          mask-image: url(../images/shapes/about-mark-2.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  background: var(--tj-color-common-white);
  -webkit-mask-position: center;
          mask-position: center;
}
.tj-about-section .about-bg-images .about-shape-2 img {
  max-width: 74%;
  margin-top: 20px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tj-about-section .about-bg-images .about-shape-1 {
    max-width: 660px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tj-about-section {
    padding-top: 120px;
    padding-bottom: 55px;
  }
  .tj-about-section .about-bg-images .about-shape-1 {
    max-width: 565px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-about-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .tj-about-section::before {
    width: 100%;
    border-radius: 0 0 300px 0;
  }
  .tj-about-section .about-bg-images .about-shape-1 {
    max-width: 475px;
  }
  .tj-about-section .about-bg-images .about-shape-2 {
    inset-inline-start: 28%;
  }
}
@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 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .tj-about-section::before {
    width: 100%;
    border-radius: 0px;
  }
  .tj-about-section .sec-heading .sec-title {
    margin-bottom: 15px;
  }
  .tj-about-section .about-bg-images .about-shape-2,
  .tj-about-section .about-bg-images .about-shape-1 {
    display: none;
  }
}
.about-left-content .desc {
  max-width: 540px;
  width: 100%;
  margin-bottom: 30px;
}
.about-left-content .desc p:last-child {
  margin-bottom: 0;
}
.about-feature-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 570px;
  width: 100%;
  /* border-top: 1px solid var(--tj-color-border-2); */
}
.about-feature-item .feature-box {
  -webkit-padding-end: 56px;
          padding-inline-end: 56px;
  -webkit-margin-end: 44px;
          margin-inline-end: 44px;
  -webkit-border-end: 1px solid var(--tj-color-border-2);
          border-inline-end: 1px solid var(--tj-color-border-2);
}
.about-feature-item .feature-box:last-child {
  -webkit-border-end: none;
          border-inline-end: none;
}
.about-feature-item .about-button {
  margin-top: 40px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-feature-item .about-button {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 576px) and (max-width: 767px) {
  .about-feature-item .feature-box {
    -webkit-padding-end: 35px;
            padding-inline-end: 35px;
    -webkit-margin-end: 30px;
            margin-inline-end: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-feature-item .feature-box {
    -webkit-padding-end: 20px;
            padding-inline-end: 20px;
    -webkit-margin-end: 20px;
            margin-inline-end: 20px;
  }
}
@media (max-width: 575px) {
  .about-feature-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .about-feature-item .feature-box {
    -webkit-padding-end: 0;
            padding-inline-end: 0;
    -webkit-margin-end: 0;
            margin-inline-end: 0;
    padding-bottom: 30px;
    -webkit-border-end: 0;
            border-inline-end: 0;
    border-bottom: 1px solid var(--tj-color-border-2);
  }
  .about-feature-item .feature-box:last-child {
    border: 0;
    padding-bottom: 0;
  }
}
/* !END: About CSS */
/* START: Brand CSS */
.tj-brand-section-two .sec-heading {
  position: relative;
  z-index: 1;
}
.tj-brand-section-two .sec-heading::before {
  position: absolute;
  content: "";
  width: 34%;
  height: 1px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  inset-inline-start: 0;
  background: var(--tj-color-border-2);
  z-index: -1;
}
.tj-brand-section-two .sec-heading::after {
  position: absolute;
  content: "";
  width: 34%;
  height: 1px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  inset-inline-end: 0;
  background: var(--tj-color-border-2);
  z-index: -1;
}
.tj-brand-section-two .sec-heading .sec-title {
  max-width: 395px;
  width: 100%;
  background: var(--tj-color-theme-bg);
  font-size: 16px;
  font-family: var(--tj-ff-body);
  padding: 5px 20px 8px;
  border-radius: 40px;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-margin-end: auto;
          margin-inline-end: auto;
  margin-bottom: 0;
  outline: 8px solid var(--tj-color-common-white);
}
.tj-brand-section-two .sec-heading .sec-title span {
  color: var(--tj-color-theme-primary);
}
@media (max-width: 575px) {
  .tj-brand-section-two .sec-heading .sec-title {
    max-width: 305px;
  }
}
.brand-slider-1 {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.brand-slider-1::before, .brand-slider-1::after {
  content: "";
  position: absolute;
  width: 308px;
  height: 100%;
  /* background-image: -webkit-gradient(linear, left top, right top, from(var(--tj-color-theme-dark)), to(rgba(5, 18, 41, 0)));
  background-image: linear-gradient(90deg, var(--tj-color-theme-dark) 0%, rgba(5, 18, 41, 0) 100%); */
  top: 0;
  inset-inline-start: 0;
  z-index: 2;
}
.brand-slider-1::after {
  inset-inline-start: auto;
  inset-inline-end: 0;
  /* background-image: -webkit-gradient(linear, right top, left top, from(var(--tj-color-theme-dark)), to(rgba(5, 18, 41, 0)));
  background-image: linear-gradient(-90deg, var(--tj-color-theme-dark) 0%, rgba(5, 18, 41, 0) 100%); */
}
.brand-slider-1 .brand_wrapper {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
.brand-slider-1 .brand-logo {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 195px;
  /* height: 74px; */
  background: rgba(247, 247, 247, 0.1);
}
@media (max-width: 575px) {
  .brand-slider-1 .brand-logo {
    width: 165px;
    height: 60px;
  }
}
@media (max-width: 575px) {
  .brand-slider-1::before {
    width: 150px;
  }
  .brand-slider-1::after {
    width: 150px;
  }
}
.tj-brand-section-two {
  background-color: var(--tj-color-common-white);
  padding-bottom: 0;
  margin-bottom: 50px;
}
.brand-slider-2 {
  overflow: hidden;
  position: relative;
  z-index: 1;
  padding: 16px 0;
}
.brand-slider-2::before, .brand-slider-2::after {
  content: "";
  position: absolute;
  width: 40%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, right top, from(var(--tj-color-common-white)), to(rgba(247, 247, 247, 0)));
  background-image: linear-gradient(90deg, var(--tj-color-common-white) 0%, rgba(247, 247, 247, 0) 100%);
  top: 0;
  inset-inline-start: 0;
  z-index: 2;
}
.brand-slider-2::after {
  inset-inline-start: auto;
  inset-inline-end: 0;
  background-image: -webkit-gradient(linear, right top, left top, from(var(--tj-color-common-white)), to(rgba(247, 247, 247, 0)));
  background-image: linear-gradient(-90deg, var(--tj-color-common-white) 0%, rgba(247, 247, 247, 0) 100%);
}
.brand-slider-2 .brand_wrapper {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
.brand-slider-2 .brand-logo {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 18px 28px;
  background: #ffffff;
  border: 1px solid #e4e9f1;
  border-radius: 12px;
  box-shadow: 0 8px 22px rgba(16, 40, 92, 0.06);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
.brand-slider-2 .brand-logo:hover {
  transform: translateY(-4px);
  border-color: rgba(0, 117, 255, 0.35);
  box-shadow: 0 14px 30px rgba(16, 40, 92, 0.12);
}
.brand-slider-2 .brand-logo img {
  width: auto;
  height: auto;
  max-height: 58px;
  max-width: 150px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 575px) {
  .brand-slider-2 .brand-logo {
    padding: 14px 20px;
  }
  .brand-slider-2 .brand-logo img {
    max-height: 46px;
    max-width: 120px;
  }
}
@media (max-width: 575px) {
  .brand-slider-2::before {
    width: 150px;
  }
  .brand-slider-2::after {
    width: 150px;
  }
}
/* !END: Brand CSS */
/* START: Blog CSS */
.blog-two-meta ul li .meta-link:is(:hover, :focus) {
  color: var(--tj-color-common-white);
  background: var(--tj-color-theme-primary);
  border-color: var(--tj-color-theme-primary);
}
.tj-post-meta ul li a.active, .tj-post-meta ul li a:is(:hover, :focus) {
  color: var(--tj-color-common-white);
  background: var(--tj-color-theme-primary);
  border-color: var(--tj-color-theme-primary);
}
.blog-standard-slider .blog-navigation .slider-next,
.blog-standard-slider .blog-navigation .slider-prev {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 50px;
  height: 50px;
  font-size: 18px;
  color: var(--tj-color-common-white);
  background: var(--tj-color-theme-primary);
  border-radius: 50%;
  position: absolute;
  top: 44%;
  inset-inline-start: 20px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  z-index: 2;
}
.blog-standard-slider .blog-navigation .slider-next:hover,
.blog-standard-slider .blog-navigation .slider-prev:hover {
  color: var(--tj-color-heading-primary);
  background-color: var(--tj-color-theme-primary);
}
.blog-standard-slider .blog-navigation .slider-next {
  inset-inline-start: auto;
  inset-inline-end: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-standard-slider .blog-navigation .slider-next,
  .blog-standard-slider .blog-navigation .slider-prev {
    top: 42%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-standard-slider .blog-navigation .slider-next,
  .blog-standard-slider .blog-navigation .slider-prev {
    top: 40%;
  }
}
@media (max-width: 575px) {
  .blog-standard-slider .blog-navigation .slider-next,
  .blog-standard-slider .blog-navigation .slider-prev {
    width: 45px;
    height: 45px;
    top: 38%;
  }
}
/* !END: Blog CSS */
/* START: Blog Details CSS */
blockquote {
  margin: 30px 0px !important;
  padding: 30px;
  -webkit-padding-start: 110px;
          padding-inline-start: 110px;
  color: var(--tj-color-theme-dark);
  position: relative;
  background: var(--tj-color-theme-bg);
  font-style: normal;
  text-align: start;
  clear: both;
  font-weight: 400;
  border: 1px solid var(--tj-color-theme-bg);
  font-size: 26px;
  line-height: 38px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  blockquote {
    font-size: 18px;
    line-height: 28px;
  }
}
blockquote::before {
  content: "";
  position: absolute;
  inset-inline-start: 30px;
  top: 30px;
  font-family: "solvior-icons" !important;
  font-size: 64px;
  color: var(--tj-color-theme-primary);
  line-height: 1;
  display: inline-block;
}
blockquote p:last-child {
  margin-bottom: 0;
}
blockquote cite {
  font-size: 16px;
  display: block;
  margin-top: 10px;
  color: var(--tj-color-common-black-2);
  font-style: inherit;
  font-weight: 400;
  text-align: end;
}
blockquote cite::before {
  content: "";
  display: inline-block;
  background: var(--tj-color-common-black-3);
  height: 1px;
  width: 40px;
  top: -4px;
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  position: relative;
}
/* !END: Blog Details CSS */
/* START: Project CSS */
/* !END: Project CSS */
/* START: Counter CSS */
.tj-counter-section {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #d6e5ff;
    overflow: hidden;
}
.tj-counter-section .sec-heading {
  max-width: 560px;
  width: 100%;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-margin-end: auto;
          margin-inline-end: auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-counter-section {
    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) {
  .tj-counter-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.counter-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .counter-wrapper {
    max-width: 516px;
    margin: 0 auto;
  }
  .counter-wrapper .counter-item {
    max-width: 50%;
  }
  .counter-wrapper .counter-item:not(:nth-last-child(-n/**/+2)) {
    border-bottom: 1px solid var(--tj-color-border-2);
  }
  .counter-wrapper .counter-item:not(:nth-last-child(-n/**/+2)).style-2 {
    border-color: var(--tj-color-border-1);
  }
}
@media (max-width: 575px) {
  .counter-wrapper {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .counter-wrapper .counter-item {
    max-width: 50%;
  }
  .counter-wrapper .counter-item:not(:nth-last-child(-n/**/+2)) {
    border-bottom: 1px solid var(--tj-color-border-2);
  }
  .counter-wrapper .counter-item:not(:nth-last-child(-n/**/+2)).style-2 {
    border-color: var(--tj-color-border-1);
  }
}
.counter-item {
    position: relative;
    max-width: 22%;
    width: 100%;
    -webkit-border-end: 1px solid var(--tj-color-border-2);
    border-inline-end: 1px solid var(--tj-color-border-2);
    padding: 25px 40px 25px 55px;
    z-index: 1;
    border-radius: 7px;
    margin-right: 7px;
    margin-left: 7px;
    background: #f3f6ff;
    border: 1px solid #888787;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.counter-item::before {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  top: 50%;
  inset-inline-end: -6px;
  border: 3px solid var(--tj-color-theme-primary);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: var(--tj-color-common-white);
  z-index: 2;
}
.counter-item::after {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  top: 50%;
  inset-inline-end: -10px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: var(--tj-color-common-white);
  z-index: -1;
}
.counter-item:last-child {
    /* -webkit-border-end: none; */
    /* border-inline-end: none; */
}
.counter-item:last-child::after, .counter-item:last-child::before {
  display: none;
}
.counter-item .number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000000;
    font-family: var(--tj-ff-heading);
    font-size: 40px;
    font-weight: var(--tj-fw-sbold);
    line-height: 1;
    text-align: center;
    margin: 0 auto;
    justify-content: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .counter-item .number {
    font-size: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .counter-item .number {
    font-size: 54px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .counter-item .number {
    font-size: 44px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .counter-item .number {
    font-size: 40px;
  }
}
.counter-item .number span {
  line-height: 1;
  font-family: inherit;
}
.counter-item .sub-title {
  line-height: 1;
  display: block;
  font-size: 18px;
  font-weight: 600;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .counter-item {
    max-width: 278px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .counter-item {
    max-width: 230px;
    padding: 50px 30px 60px 31px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .counter-item {
    max-width: 174px;
    padding: 30px 20px 35px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .counter-item {
    max-width: 258px;
    padding: 30px 15px 35px 70px;
  }
  .counter-item .number {
    margin-bottom: 10px;
  }
  .counter-item span {
    line-height: 1.4;
  }
  .counter-item:nth-child(2) {
    -webkit-border-end: none;
            border-inline-end: none;
  }
  .counter-item:nth-child(2)::after, .counter-item:nth-child(2)::before {
    display: none;
  }
}
@media (max-width: 575px) {
  .counter-item {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 170px;
    padding: 30px 15px;
    text-align: center;
  }
  .counter-item:nth-child(2) {
    -webkit-border-end: none;
            border-inline-end: none;
  }
  .counter-item:nth-child(2)::after, .counter-item:nth-child(2)::before {
    display: none;
  }
  .counter-item .number {
    margin-bottom: 10px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .counter-item span {
    line-height: 1.4;
  }
}
/* !END: Counter CSS */
/* START: Evolute CSS */
/* !END: Counter CSS */
/* START: Service CSS */
/* !END: Service CSS */
/* START: Service details CSS */
/* !END: Service details CSS */
/* START: Skill CSS */
/* !END: Skill CSS */
/* START: Pricing CSS */
/* !END: Pricing CSS */
/* START: Testimonial CSS */
.tj-testimonial-slider-two .testimonial-navigation {
  position: absolute;
  inset-inline-end: 0;
  bottom: 30px;
  right: 40px;
  z-index: 10;
}
/* !END: Testimonial CSS */
/* !START: Slider CSS */
.tj-slider-section {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
  z-index: 2;
}
.tj-slider-section::before {
  position: absolute;
  content: "";
  width: 80%;
  height: 100%;
  inset-inline-start: 0;
  top: 0;
  background: -webkit-gradient(linear, left top, right top, from(var(--tj-color-theme-dark)), to(rgba(5, 18, 41, 0)));
  background: linear-gradient(90deg, var(--tj-color-theme-dark) 0%, rgba(5, 18, 41, 0) 100%);
  mix-blend-mode: multiply;
  z-index: -1;
}
.slider-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  position: relative;
}
.slider-wrapper .slider-content {
  padding-top: 228px;
  padding-bottom: 300px;
  max-width: 700px;
  width: 100%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .slider-wrapper .slider-content {
    padding-top: 200px;
    padding-bottom: 250px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-wrapper .slider-content {
    max-width: 550px;
    padding-top: 180px;
    padding-bottom: 220px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-wrapper .slider-content {
    padding-top: 150px;
    padding-bottom: 240px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .slider-wrapper .slider-content {
    padding-top: 150px;
    padding-bottom: 150px;
  }
}
.slider-wrapper .slider-content .sub-title {
  display: inline-block;
  font-size: 12px;
  font-weight: var(--tj-fw-bold);
  color: var(--tj-color-text-body-2);
  background-color: rgba(247, 247, 247, 0.1);
  text-transform: uppercase;
  padding: 3px 12px;
  margin-bottom: 25px;
  border-radius: 30px;
}
.slider-wrapper .slider-content .slider-title {
  color: var(--tj-color-common-white);
  letter-spacing: -0.025em;
  line-height: 1.1;
  margin-bottom: 0;
}
.slider-wrapper .slider-content .slider-button {
  margin-top: 45px;
  background-color: var(--tj-color-common-white);
}
.slider-wrapper .slider-content .slider-button .btn_text {
  color: var(--tj-color-heading-primary);
}
.slider-wrapper .slider-content .slider-button:hover .btn_text {
  color: var(--tj-color-common-white);
}
@media (max-width: 575px) {
  .slider-wrapper .slider-content .slider-button {
    margin-top: 30px;
  }
}
.slider-wrapper .slider-feature-box {
  max-width: 440px;
  width: 100%;
  background: rgba(247, 247, 247, 0.1);
  backdrop-filter: blur(35px);
  padding: 45px 40px;
  position: absolute;
  inset-inline-end: 0;
  bottom: 0;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-wrapper .slider-feature-box {
    max-width: 410px;
    padding: 35px 30px;
    gap: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .slider-wrapper .slider-feature-box {
    position: relative;
    max-width: 75%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 25px 20px;
    -webkit-margin-start: auto;
            margin-inline-start: auto;
    -webkit-margin-end: -35px;
            margin-inline-end: -35px;
    gap: 20px;
  }
}
@media (max-width: 575px) {
  .slider-wrapper .slider-feature-box {
    margin: 0 auto;
    max-width: 100%;
  }
}
.slider-wrapper .slider-feature-box .slider-logo {
  width: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-wrapper .slider-feature-box .slider-logo {
    width: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .slider-wrapper .slider-feature-box .slider-logo {
    width: 70px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}
.slider-wrapper .slider-feature-box .desc {
  font-size: 18px;
  color: var(--tj-color-common-white);
  font-weight: var(--tj-fw-regular);
  line-height: 1.5;
}
.slider-wrapper .slider-feature-box .desc p:last-child {
  margin-bottom: 0;
}
@media (max-width: 575px) {
  .slider-wrapper .slider-feature-box .desc {
    font-size: 16px;
  }
}
.slider-wrapper .slider-feature-box .slider-shape {
  position: absolute;
  bottom: 0;
  inset-inline-end: 26px;
  z-index: -1;
  height: 100%;
}
.slider-wrapper .slider-feature-box .slider-shape img {
  height: 100%;
}
/* !END: Slider CSS */
/* START: Team CSS */
/* !END: Team CSS */
/* START: Team details CSS */
/* !END: Team details CSS */
/* START: Faq CSS */
/* !END: Faq CSS */
/* START: History CSS */
/* !END: History CSS */
/* START: Careers CSS */
/* !END: Careers CSS */
/* START: Careers details CSS */
/* !END: Careers details CSS */
/* START: Contact CSS */
/* !END: Contact CSS */
/* START: CTA CSS */
/* !END: Cta CSS */
/* START: Progress CSS */
/* !END: Progress CSS */
/* START: Marquee CSS */
.marquee-slider-wrapper .marquee-slider .marquee-wrapper {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
.marquee-slider-two {
  position: relative;
  z-index: 1;
}
.marquee-slider-two::before, .marquee-slider-two::after {
  position: absolute;
  content: "";
  top: 0;
  inset-inline-start: 0;
  width: 40%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, right top, from(var(--tj-color-theme-dark)), to(rgba(5, 18, 41, 0)));
  background-image: linear-gradient(90deg, var(--tj-color-theme-dark) 0%, rgba(5, 18, 41, 0) 100%);
  z-index: 2;
}
.marquee-slider-two::after {
  inset-inline-start: auto;
  inset-inline-end: 0;
  background-image: -webkit-gradient(linear, right top, left top, from(var(--tj-color-theme-dark)), to(rgba(5, 18, 41, 0)));
  background-image: linear-gradient(-90deg, var(--tj-color-theme-dark) 0%, rgba(5, 18, 41, 0) 100%);
}
.scrolling-ticker-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.scrolling-content {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  min-width: 100%;
  -webkit-animation: scroll 120s linear infinite;
          animation: scroll 120s linear infinite;
}
.scrolling-content span {
  font-size: 114px;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1;
  text-transform: uppercase;
  color: var(--tj-color-common-white);
  vertical-align: middle;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
}
.scrolling-content span i {
  color: var(--tj-color-theme-primary);
  font-size: 50px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
  -webkit-animation: rotateMarquee 6s infinite linear;
          animation: rotateMarquee 6s infinite linear;
}
/* !END: Theme Marquee CSS */
/* START: Animate CSS */
@-webkit-keyframes sticky {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@keyframes sticky {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@-webkit-keyframes rotateImg {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes rotateImg {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}
@-webkit-keyframes rotateImg-2 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@keyframes rotateImg-2 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@-webkit-keyframes rotateImg-two {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes rotateImg-two {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 var(--tj-color-common-white);
            box-shadow: 0 0 0 0 var(--tj-color-common-white);
  }
  100% {
    -webkit-box-shadow: 0 0 0 25px transparent;
            box-shadow: 0 0 0 25px transparent;
  }
}
@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 var(--tj-color-common-white);
            box-shadow: 0 0 0 0 var(--tj-color-common-white);
  }
  100% {
    -webkit-box-shadow: 0 0 0 25px transparent;
            box-shadow: 0 0 0 25px transparent;
  }
}
@-webkit-keyframes pulse-two {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(247, 247, 247, 0.3);
            box-shadow: 0 0 0 0 rgba(247, 247, 247, 0.3);
  }
  100% {
    -webkit-box-shadow: 0 0 0 25px transparent;
            box-shadow: 0 0 0 25px transparent;
  }
}
@keyframes pulse-two {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(247, 247, 247, 0.3);
            box-shadow: 0 0 0 0 rgba(247, 247, 247, 0.3);
  }
  100% {
    -webkit-box-shadow: 0 0 0 25px transparent;
            box-shadow: 0 0 0 25px transparent;
  }
}
@-webkit-keyframes move {
  0%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}
@keyframes move {
  0%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}
@-webkit-keyframes move-two {
  0%, 100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
  }
}
@keyframes move-two {
  0%, 100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
  }
}
@-webkit-keyframes zoom-effect {
  0%, 100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1.3, 1.3);
            transform: scale(1.3, 1.3);
  }
}
@keyframes zoom-effect {
  0%, 100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1.3, 1.3);
            transform: scale(1.3, 1.3);
  }
}
@-webkit-keyframes shine {
  0% {
    -webkit-transform: skewX(-25deg) translateX(0);
            transform: skewX(-25deg) translateX(0);
  }
  100% {
    -webkit-transform: skewX(-25deg) translateX(250%);
            transform: skewX(-25deg) translateX(250%);
  }
}
@keyframes shine {
  0% {
    -webkit-transform: skewX(-25deg) translateX(0);
            transform: skewX(-25deg) translateX(0);
  }
  100% {
    -webkit-transform: skewX(-25deg) translateX(250%);
            transform: skewX(-25deg) translateX(250%);
  }
}
@-webkit-keyframes wobble-horizontal-hover {
  16.65% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
  33.3% {
    -webkit-transform: translateX(-3px);
            transform: translateX(-3px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
            transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
            transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes wobble-horizontal-hover {
  16.65% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
  33.3% {
    -webkit-transform: translateX(-3px);
            transform: translateX(-3px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
            transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
            transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes scroll {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(calc(-100% - 40px));
            transform: translateX(calc(-100% - 40px));
  }
}
@keyframes scroll {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(calc(-100% - 40px));
            transform: translateX(calc(-100% - 40px));
  }
}
@-webkit-keyframes rotateMarquee {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@keyframes rotateMarquee {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateX(0) rotate(90deg);
            transform: translateX(0) rotate(90deg);
  }
  40% {
    -webkit-transform: translateX(6px) rotate(90deg);
            transform: translateX(6px) rotate(90deg);
  }
  60% {
    -webkit-transform: translateX(3px) rotate(90deg);
            transform: translateX(3px) rotate(90deg);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateX(0) rotate(90deg);
            transform: translateX(0) rotate(90deg);
  }
  40% {
    -webkit-transform: translateX(6px) rotate(90deg);
            transform: translateX(6px) rotate(90deg);
  }
  60% {
    -webkit-transform: translateX(3px) rotate(90deg);
            transform: translateX(3px) rotate(90deg);
  }
}
@-webkit-keyframes bounce2 {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(6px);
            transform: translateY(6px);
  }
  60% {
    -webkit-transform: translateY(3px);
            transform: translateY(3px);
  }
}
@keyframes bounce2 {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(6px);
            transform: translateY(6px);
  }
  60% {
    -webkit-transform: translateY(3px);
            transform: translateY(3px);
  }
}
/* !END: Animate CSS */
/* START: Section Title CSS */
.sec-heading {
  display: block;
  margin-bottom: 15px;
}
.sec-heading .sub-title {
  display: inline-block;
  font-size: 14px;
  font-weight: var(--tj-fw-bold);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #1b3d87;
  -webkit-padding-start: 16px;
          padding-inline-start: 16px;
  -webkit-padding-end: 16px;
          padding-inline-end: 16px;
  margin-bottom: 15px;
  position: relative;
  z-index: 1;
}
.sec-heading .sub-title::before, .sec-heading .sub-title::after {
  position: absolute;
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  top: 50%;
  inset-inline-start: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: var(--tj-color-theme-primary);
}
.sec-heading .sub-title::after {
  inset-inline-start: auto;
  inset-inline-end: 0;
}
.sec-heading .sec-title {
  margin: 0;
  letter-spacing: -0.04em;
}
.sec-heading .sec-title span {
  color: var(--tj-color-theme-primary);
}
.sec-heading .desc {
  margin-top: 20px;
  color: #000;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sec-heading .desc {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .sec-heading .desc {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sec-heading {
    margin-bottom: 45px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .sec-heading {
    margin-bottom: 40px;
  }
  .sec-heading .sub-title {
    margin-bottom: 10px;
  }
}
.sec-heading.style-2 .sub-title {
  -webkit-padding-start: 16px;
          padding-inline-start: 16px;
  -webkit-padding-end: 16px;
          padding-inline-end: 16px;
}
.sec-heading.style-2 .sub-title::before, .sec-heading.style-2 .sub-title::after {
  display: block;
}
.sec-heading.style-4 .sub-title {
  line-height: 1;
  padding: 5px 7px 5px 17px;
  background-color: var(--tj-color-theme-bg);
}
.sec-heading.style-4 .sub-title::before {
  inset-inline-start: 7px;
}
.sec-heading.style-4 .sub-title::after {
  display: none;
}
/* !END: Section Title CSS */
/* START: Hero CSS */
@-webkit-keyframes spin {
  from {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
            transform: translate(-50%, -50%) rotate(180deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
            transform: translate(-50%, -50%) rotate(180deg);
  }
}
/* !END: Hero CSS */
/* START: About CSS */
/* !END: About CSS */
/* START: Feature CSS */
.feature-item.style-4 {
  padding: 10px;
  position: relative;
  z-index: 1;
}
.feature-item.style-4::before {
  content: "";
  position: absolute;
  width: calc(100% - 20px);
  height: 65%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(225, 232, 240, 0)), to(rgb(225, 232, 240)));
  background: linear-gradient(180deg, rgba(225, 232, 240, 0) 0%, rgb(225, 232, 240) 100%);
  bottom: 10px;
  inset-inline-start: 10px;
  z-index: -1;
}
.feature-item.style-4 .feature-icon {
  margin: 20px;
  margin-bottom: 55px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .feature-item.style-4 .feature-icon {
    margin-bottom: 30px;
  }
}
.feature-item.style-4 .feature-content {
  padding: 30px 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .feature-item.style-4 .feature-content {
    padding: 20px;
  }
}
.feature-item.style-4:hover::before {
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(225, 232, 240, 0)), color-stop(70%, rgb(225, 232, 240)));
  background: linear-gradient(180deg, rgba(225, 232, 240, 0) 0%, rgb(225, 232, 240) 70%);
}
/* Progress css */
/* START: Service CSS */
/* START: Cta CSS */
/* START: Case study CSS */
.project-cursor {
  display: block !important;
}
.project-cursor.cursor-outer {
  display: none !important;
}
.project-cursor.cursor-big {
  -webkit-margin-start: -85px;
          margin-inline-start: -85px;
  margin-top: -80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .project-cursor.cursor-big {
    width: 90px;
    height: 90px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .project-cursor.cursor-big {
    width: 80px;
    height: 80px;
  }
}
.project-cursor span {
  line-height: 23px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  inset-inline-start: 50%;
}
/* START: Team CSS */
/* !END: Team CSS */
/* START: Blog CSS */
.blog-style-4 .blog-two-meta ul li .meta-link:is(:hover, :focus) {
  color: var(--tj-color-common-white);
  background: var(--tj-color-theme-primary);
  border-color: var(--tj-color-theme-primary);
}
/* !END: Blog CSS */
/* START: Hero CSS */
@-webkit-keyframes pulse-three {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 117, 255, 0.6);
            box-shadow: 0 0 0 0 rgba(0, 117, 255, 0.6);
  }
  100% {
    -webkit-box-shadow: 0 0 0 8px transparent;
            box-shadow: 0 0 0 8px transparent;
  }
}
@keyframes pulse-three {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 117, 255, 0.6);
            box-shadow: 0 0 0 0 rgba(0, 117, 255, 0.6);
  }
  100% {
    -webkit-box-shadow: 0 0 0 8px transparent;
            box-shadow: 0 0 0 8px transparent;
  }
}
@-webkit-keyframes linehover {
  0% {
    width: 100%;
  }
  50% {
    width: 0;
    inset-inline-end: 0;
  }
  100% {
    width: 100%;
    inset-inline-start: 0;
  }
}
@keyframes linehover {
  0% {
    width: 100%;
  }
  50% {
    width: 0;
    inset-inline-end: 0;
  }
  100% {
    width: 100%;
    inset-inline-start: 0;
  }
}
/* !END: Hero CSS */
/* START: Feature CSS */
/* !END: Feature CSS */
/* START: H5 Process CSS */
/* !END: H5 Process CSS */
/* START: About CSS */
/* !END: About CSS */
/* START: Home 5 Price CSS */
.tj-sticky-top {
  position: sticky;
  top: 120px;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-sticky-top {
    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-sticky-top {
    position: unset;
  }
}
/* START: Testimonial CSS */
/* START: Home 5 Blog CSS */
/* END: Home 5 Blog CSS */
/* START: Home 5 CTA CSS */
/* START: Home 5 Footer CSS */
/* START: H5 Team CSS */
/* !END: H5 Team CSS */
/* START: Case Study CSS */
/* !END: Case Study CSS */
/* START: Project CSS */
/* !END: Project CSS */
/* START: Home 6 Blog CSS */
/* END: Home 6 Blog CSS */
/* START: Home 6 CTA CSS */
/* END: Home 6 CTA CSS */
/* START: Home 6 Testimonial CSS */
.h6-testimonial-slider {
  -webkit-margin-end: -460px;
          margin-inline-end: -460px;
  -webkit-margin-start: 30px;
          margin-inline-start: 30px;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
  .h6-testimonial-slider {
    -webkit-margin-end: -380px;
            margin-inline-end: -380px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .h6-testimonial-slider {
    -webkit-margin-end: -300px;
            margin-inline-end: -300px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h6-testimonial-slider {
    -webkit-margin-end: -110px;
            margin-inline-end: -110px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h6-testimonial-slider {
    -webkit-margin-end: -150px;
            margin-inline-end: -150px;
    -webkit-margin-start: 0;
            margin-inline-start: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h6-testimonial-slider {
    -webkit-margin-end: -160px;
            margin-inline-end: -160px;
    -webkit-margin-start: 0;
            margin-inline-start: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .h6-testimonial-slider {
    -webkit-margin-end: -110px;
            margin-inline-end: -110px;
    -webkit-margin-start: 0;
            margin-inline-start: 0;
  }
}
@media (max-width: 575px) {
  .h6-testimonial-slider {
    -webkit-margin-end: -20px;
            margin-inline-end: -20px;
    -webkit-margin-start: 0;
            margin-inline-start: 0;
  }
}
@media (max-width: 449px) {
  .h6-testimonial-slider {
    -webkit-margin-end: 0;
            margin-inline-end: 0;
  }
}
/* START: Home 6 Testimonial CSS */
/* START: Home 6 Team CSS */
.h6-tab-content {
  display: none;
}
.h6-tab-content.active {
  display: block;
}
.h6-tab-info {
  background-color: var(--tj-color-theme-bg);
  padding: 60px 30px 60px 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .h6-tab-info {
    padding: 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-tab-info {
    padding: 30px 22px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.h6-tab-left {
  width: 30%;
  -webkit-border-end: 1px solid var(--tj-color-border-2);
          border-inline-end: 1px solid var(--tj-color-border-2);
  -webkit-padding-end: 20px;
          padding-inline-end: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h6-tab-left {
    width: 33%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-tab-left {
    width: 100%;
    -webkit-padding-end: 0;
            padding-inline-end: 0;
    padding-bottom: 30px;
    -webkit-border-end: 0;
            border-inline-end: 0;
    border-bottom: 1px solid var(--tj-color-border-2);
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-tab-left-content {
    max-width: 175px;
    width: 100%;
  }
}
.h6-tab-left .title {
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h6-tab-left .title {
    font-size: 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) {
  .h6-tab-left .title {
    font-size: 20px;
  }
}
.h6-tab-right {
  width: 70%;
  -webkit-padding-start: 80px;
          padding-inline-start: 80px;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h6-tab-right {
    -webkit-padding-start: 50px;
            padding-inline-start: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h6-tab-right {
    width: 67%;
    -webkit-padding-start: 30px;
            padding-inline-start: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-tab-right {
    width: 100%;
    -webkit-padding-start: 0;
            padding-inline-start: 0;
  }
}
/* END: Home 6 Team CSS */
/* START: H6 Services CSS */
.h6-services-slider .swiper_pagination {
  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) {
  .h6-services-slider .swiper_pagination {
    margin-top: 40px;
  }
}
/* END: H6 Services CSS */
/* START: H6 Insight CSS */
/* END: H6 Insight CSS */
/* START: Home 6 Footer CSS */
/* START: H6 Marquee CSS */
.h6-marquee-slider {
  background-color: var(--tj-color-theme-primary);
  padding: 30px 0 22px 0;
}
.h6-marquee-slider .marquee-wrapper {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .h6-marquee-slider {
    padding: 30px 0 25px 0;
  }
}
@media (max-width: 575px) {
  .h6-marquee-slider {
    padding: 30px 0 25px 0;
  }
}
/* !END: H6 Marquee CSS */
/* START: H6 Projects CSS */
.h6-project-section {
  overflow: hidden;
}
.h6-project-item {
  background-color: #1a3c86;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  position: relative;
  z-index: 2;
}
.h6-project-item:not(:last-child) {
  margin-bottom: 30px;
}
.h6-project-item:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.h6-project-item .project_image {
  max-width: calc(50% - 0px);
  max-height: none;
  width: 100%;
  overflow: hidden;
}
.h6-project-item .project_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.h6-project-item .project_content {
  max-width: calc(50% - 0px);
  width: 100%;
  padding: 30px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.h6-project-item .project_content_inner {
  max-width: 535px;
  width: 100%;
}
.h6-project-item .project_content_inner .title {
  margin: 0;
  color: var(--tj-color-common-white);
}
.h6-project-item .project_content_inner .title a:hover {
  color: var(--tj-color-theme-primary);
}
.h6-project-item .project_content_inner .desc {
  color: var(--tj-color-common-white-2);
  margin-top: 15px;
}
.h6-project-item .project_content_inner .project_btn {
  background-color: var(--tj-color-theme-primary);
  margin-top: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h6-project-item .project_content_inner {
   max-width: 465px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h6-project-item .project_content_inner {
    max-width: 395px;
  }
}
@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-project-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .h6-project-item:nth-child(even) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .h6-project-item .project_image {
    max-width: 100%;
    max-height: 420px;
  }
  .h6-project-item .project_content {
    max-width: 100%;
    min-height: 420px;
    padding: 35px 30px 40px;
  }
  .h6-project-item .project_content_inner {
    max-width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .h6-project-item .project_image {
    max-height: 420px;
  }
}
@media (max-width: 575px) {
  .h6-project-item .project_image {
    max-height: 420px;
  }
  .h6-project-item .project_content {
    padding: 30px 20px 40px;
  }
}
/* Products (h6) — hide big index number */
/* Products (h6) — main title with accent dash */
.h6-project-item .project_content_inner .title {
  position: relative;
  padding-bottom: 16px;
  margin-bottom: 6px;
}
.h6-project-item .project_content_inner .title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 48px;
  height: 3px;
  border-radius: 3px;
  background: var(--tj-color-theme-primary);
}
/* material groups: subtitle + grade chips */
/* View All — about-us button component, recolored (red body, white icon circle) */
.h6-project-item .project_content_inner .viewall-btn {
  margin-top: 30px;
  background-color: #c92333;
}
.h6-project-item .project_content_inner .viewall-btn .btn_inner::before {
  background-color: var(--tj-color-common-white);
}
.h6-project-item .project_content_inner .viewall-btn .btn_inner .btn_icon {
  color: #c92333;
}
.h6-project-item .project_content_inner .viewall-btn .btn_inner .btn_text {
  color: var(--tj-color-common-white);
}
.h6-project-item .project_content_inner .viewall-btn:hover .btn_inner .btn_text {
  color: #c92333;
}
/* One uniform box height across all products; image fills it */
@media (min-width: 992px) {
  .h6-project-item {
    min-height: 560px;
  }
  .h6-project-item .project_image {
    position: relative;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .h6-project-item .project_image img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
/* Stacked layout: fixed, compact image height */
@media (max-width: 991px) {
  .h6-project-item,
  .h6-project-item:nth-child(even) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .h6-project-item .project_image {
    position: relative;
    height: 340px;
    max-height: 340px;
  }
  .h6-project-item .project_image img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
/* ============================================================
   Products v2 — image (25%) + title + 4-column category lists
   Blue-shade palette derived from #1a3c86
   ============================================================ */
.h6-project-item.product-v2 {
  border-radius: 20px;
  overflow: hidden;
  background-color: #1d3f8f;
  background-image:
    radial-gradient(130% 150% at 100% 0%, rgba(96, 142, 245, 0.30) 0%, rgba(96, 142, 245, 0) 55%),
    linear-gradient(135deg, #16336f 0%, #1f4092 52%, #2b57ad 100%);
}
.h6-project-item.product-v2 .project_content {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 26px 30px 26px 6px;
}
.h6-project-item.product-v2 .project_content_inner {
  max-width: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.h6-project-item.product-v2 .project_content_inner .title {
  font-size: 34px;
}
.h6-project-item.product-v2 .project_content_inner .title a,
.h6-project-item.product-v2 .project_content_inner .title a:hover {
  color: #ffffff;
}
/* 4-column category grid */
.h6-project-item.product-v2 .product-cats {
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.h6-project-item.product-v2 .product-cat {
  min-width: 0;
  padding: 16px 15px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.10);
  transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
}
.h6-project-item.product-v2 .product-cat:hover {
  background: rgba(255, 255, 255, 0.075);
  border-color: rgba(126, 166, 255, 0.55);
  transform: translateY(-4px);
}
.h6-project-item.product-v2 .product-cat__title {
  margin: 0 0 10px;
  padding-bottom: 9px;
  font-family: var(--tj-ff-heading);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  color: #f3f9ff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.h6-project-item.product-v2 .product-cat__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.h6-project-item.product-v2 .product-cat__list li:not(:last-child) {
  margin-bottom: 4px;
}
.h6-project-item.product-v2 .product-cat__list li a,
.h6-project-item.product-v2 .product-cat__list li .product-cat__link {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  padding: 5px 0;
  font-size: 14px;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.82);
  text-decoration: none;
  transition: color 0.25s ease;
}
.h6-project-item.product-v2 .product-cat__list li a i,
.h6-project-item.product-v2 .product-cat__list li .product-cat__link i {
  flex-shrink: 0;
  margin-top: 4px;
  font-size: 11px;
  color: #6f9bff;
  transition: transform 0.25s ease, color 0.25s ease;
}
.h6-project-item.product-v2 .product-cat__list li a:hover,
.h6-project-item.product-v2 .product-cat__list li .product-cat__link:hover {
  color: #ffffff;
}
.h6-project-item.product-v2 .product-cat__list li a:hover i,
.h6-project-item.product-v2 .product-cat__list li .product-cat__link:hover i {
  color: #ffffff;
  transform: translateX(3px);
}
.h6-project-item.product-v2 .viewall-btn {
  margin-top: 34px;
  align-self: flex-start;
}
/* Image sits inside the box with padding all around (not edge-to-edge) */
.h6-project-item.product-v2 .project_image {
  padding: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.h6-project-item.product-v2 .project_image img {
  border-radius: 16px;
}
/* Desktop: image 25% / content 75%, keep image on the left, compact height */
@media (min-width: 992px) {
  .h6-project-item.product-v2,
  .h6-project-item.product-v2:nth-child(even),
  .h6-project-wrap .pin-spacer:nth-child(even) .h6-project-item.product-v2 {
    min-height: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row !important;
        flex-direction: row !important;
  }
  .h6-project-item.product-v2 .project_image {
    max-width: 25%;
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    position: static;
  }
  .h6-project-item.product-v2 .project_image img {
    position: static;
    inset: auto;
    width: 100%;
    height: 100%;
    max-height: 340px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .h6-project-item.product-v2 .project_content {
    max-width: 75%;
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
  }
}
/* Large tablet / small desktop: 2 columns */
@media (min-width: 768px) and (max-width: 1199px) {
  .h6-project-item.product-v2 .product-cats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/* Mobile & tablet stacked: image on top, content full width */
@media (max-width: 991px) {
  .h6-project-item.product-v2 {
    min-height: 0;
  }
  .h6-project-item.product-v2 .project_image {
    height: auto;
    max-height: none;
    padding: 22px 22px 0;
  }
  .h6-project-item.product-v2 .project_image img {
    position: static;
    inset: auto;
    width: 100%;
    height: 260px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .h6-project-item.product-v2 .project_content {
    padding: 22px 22px 28px;
  }
}
@media (max-width: 767px) {
  .h6-project-item.product-v2 .product-cats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }
  .h6-project-item.product-v2 .project_content_inner .title {
    font-size: 28px;
  }
}
@media (max-width: 479px) {
  .h6-project-item.product-v2 .product-cats {
    grid-template-columns: 1fr;
  }
  .h6-project-item.product-v2 .project_content {
    padding: 26px 18px 32px;
  }
}
/* !END: H6 Projects CSS */
/* START: Home 6 Header CSS */
/* END: Home 6 Header CSS */
/* START: Hero CSS */
.h6-hero-slider {
  margin: 0 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-hero-slider {
    margin: 0 20px;
  }
}
.h6-slider-area {
  position: relative;
  overflow: hidden;
  margin: 80px 0 0;
}
.h6-slider-area::before {
  content: "";
  position: absolute;
  top: -2px;
  inset-inline-start: 0;
  width: 100%;
  height: 48px;
  background-color: var(--tj-color-common-white);
  -webkit-mask-image: url(../images/shapes/h6-slider-curve-1.svg);
          mask-image: url(../images/shapes/h6-slider-curve-1.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center top;
          mask-position: center top;
  -webkit-mask-size: cover;
          mask-size: cover;
  z-index: 2;
}
@media (min-width: 1921px) and (max-width: 2500px) {
  .h6-slider-area::before {
    height: 60px;
  }
}
@media (min-width: 2501px) and (max-width: 3200px) {
  .h6-slider-area::before {
    height: 70px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h6-slider-area::before {
    height: 38px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h6-slider-area::before {
    height: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h6-slider-area::before {
    height: 24px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-slider-area::before {
    height: 20px;
  }
}
.h6-slider-area::after {
  content: "";
  position: absolute;
  bottom: -1px;
  inset-inline-start: 0;
  width: 100%;
  height: 48px;
  background-color: var(--tj-color-common-white);
  -webkit-mask-image: url(../images/shapes/h6-slider-curve-2.svg);
          mask-image: url(../images/shapes/h6-slider-curve-2.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center bottom;
          mask-position: center bottom;
  -webkit-mask-size: cover;
          mask-size: cover;
  z-index: 2;
}
@media (min-width: 1921px) and (max-width: 2500px) {
  .h6-slider-area::after {
    height: 60px;
  }
}
@media (min-width: 2501px) and (max-width: 3200px) {
  .h6-slider-area::after {
    height: 70px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h6-slider-area::after {
    height: 38px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h6-slider-area::after {
    height: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h6-slider-area::after {
    height: 24px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-slider-area::after {
    height: 20px;
  }
}
.h6-slider-wrapper {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
.h6-slider-item {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.h6-slider-item .slider-img {
  max-width: 442px;
  width: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h6-slider-item .slider-img {
    max-width: 360px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h6-slider-item .slider-img {
    max-width: 320px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h6-slider-item .slider-img {
    max-width: 280px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-slider-item .slider-img {
    max-width: 200px;
  }
}
/* !END: Hero CSS */
/* START: About CSS */
/* !END: About CSS */
/* START: Header CSS */
/* !END: Header CSS */
/* START: Footer CSS */
.h7-footer-overlay {
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("../images/footer/h7-footer-bg.webp") no-repeat center;
  background-size: cover;
  z-index: -1;
}
/* !END: Footer CSS */
/* START: Hero CSS */
.h7-hero-slider {
  position: relative;
  overflow: hidden;
}
.h7-hero-slider .swiper-slide {
  height: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.h7-hero-slider .tj-slider-section {
  width: 100%;
}
.h7-hero-slider .tj-slider-section::before {
  width: 100%;
  background-color: var(--tj-color-theme-dark);
  opacity: 0.55;
}
.h7-hero-slider .tj-slider-section .slider-wrapper {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.h7-hero-slider .tj-slider-section .slider-content {
  max-width: 750px;
}
.h7-hero-slider .tj-slider-section .slider-content .sub-title {
  color: var(--tj-color-common-white);
  font-size: 14px;
  letter-spacing: 0.12em;
  padding: 4px 12px;
  margin-bottom: 18px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.h7-hero-slider .tj-slider-section .slider-content .slider-title {
  line-height: 1.0833;
  margin-bottom: 15px;
}
@media (max-width: 575px) {
  .h7-hero-slider .tj-slider-section .slider-content .slider-title {
    font-size: 39px;
  }
}
.h7-hero-slider .tj-slider-section .slider-content .desc {
  color: var(--tj-color-common-white-2);
  font-size: 18px;
  max-width: 530px;
  margin: 0 auto;
  -webkit-transform: translateY(50px);
      -ms-transform: translateY(50px);
          transform: translateY(50px);
  -webkit-transition: all 1s;
  transition: all 1s;
  -webkit-transition-delay: 1.8s;
          transition-delay: 1.8s;
  opacity: 0;
}
.h7-hero-slider .tj-slider-section .slider-content .desc p {
  margin-bottom: 0;
}
.h7-hero-slider .tj-slider-section .slider-content .slider-button {
  margin-top: 0;
  -webkit-transition-delay: 2.2s;
          transition-delay: 2.2s;
}
.h7-hero-slider .tj-slider-section .slider-content .slider-button:last-child {
  background: transparent;
  -webkit-transition-delay: 2.5s;
          transition-delay: 2.5s;
}
.h7-hero-slider .tj-slider-section .slider-content .call-btn-style-2 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.h7-hero-slider .swiper-slide-active .slider-content .desc {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
/* !END: Hero CSS */
/* START: Feature CSS */
.h7-feature-section .container {
  --bs-gutter-x: 30px;
}
.h7-feature-section .container .row {
  --bs-gutter-x: 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-feature-section .container .row {
    --bs-gutter-x: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-feature-section .container .rg-30 {
    row-gap: 20px;
  }
}
.h7-feature-section .feature-item.style-4 {
  padding: 22px 23px 22px 32px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background-color: #1a3c86;
  border: 0;
  z-index: 1;
  border-radius: 135px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-feature-section .feature-item.style-4 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 20px;
  }
}
.h7-feature-section .feature-item.style-4::before {
  display: none;
}
.h7-feature-section .feature-item.style-4 .feature-icon {
  margin: 0;
  max-width: 98px;
  width: 100%;
  height: 112px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-mask-image: url(../images/shapes/h7-feature-icon-bg.svg);
          mask-image: url(../images/shapes/h7-feature-icon-bg.svg);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: var(--tj-color-common-white);
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1;
  margin-top: -30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-feature-section .feature-item.style-4 .feature-icon {
    margin-bottom: 10px;
    margin-top: -20px;
    max-width: 80px;
    height: 91px;
  }
}
.h7-feature-section .feature-item.style-4 .feature-icon svg,
.h7-feature-section .feature-item.style-4 .feature-icon img {
  width: 62px;
  margin-top: 13px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-feature-section .feature-item.style-4 .feature-icon svg,
  .h7-feature-section .feature-item.style-4 .feature-icon img {
    width: 46px;
  }
}
.h7-feature-section .feature-item.style-4 .feature-content {
  padding: 0;
  margin-left: 12px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-feature-section .feature-item.style-4 .feature-content {
    padding: 0;
  }
}
.h7-feature-section .feature-item.style-4 .feature-content .title {
  margin-bottom: 18px;
}
.h7-feature-section .feature-item.style-4 .feature-icon,
.h7-feature-section .feature-item.style-4 .feature-content {
  position: relative;
  z-index: 1;
}
/* START: About CSS */
/* !END: About CSS */
/* START: H6 Services CSS */
/* END: H6 Services CSS */
/* START: Project CSS */
/* !END: Project CSS */
/* START: H6 Projects CSS */
/* !END: H6 Projects CSS */
/* START: Process CSS */
/* !END: Process CSS */
/* START: Testimonial CSS */
/* !END: Testimonial CSS */
/* START: Blog CSS */
/* !END: Blog CSS */
/* START: Faq CSS */
/* !END: Faq CSS */
/* START: Header CSS */
/* !END: Header CSS */
/* START: Hero CSS */
/* !END: Hero CSS */
/* START: Feature CSS */
/* START: About CSS */
/* !END: About CSS */
/* START: Footer CSS */
/* !END: Footer CSS */
/* START: Home 5 CTA CSS */
/* START: H6 Marquee CSS */
/* !END: H6 Marquee CSS */
/* Growth css */
/* START: Team CSS */
/* !END: Team CSS */
/* START: Home 8 Blog CSS */
/* END: Home 8 Blog CSS */
/* START: H8 Services CSS */
/* !END: H8 Services CSS */
/* START: H8 Services CSS */
@-webkit-keyframes arrowLeftRight {
  0% {
    -webkit-transform: translate(-20px, -50%) rotate(45deg);
            transform: translate(-20px, -50%) rotate(45deg);
  }
  100% {
    -webkit-transform: translate(0, -50%) rotate(45deg);
            transform: translate(0, -50%) rotate(45deg);
  }
}
@keyframes arrowLeftRight {
  0% {
    -webkit-transform: translate(-20px, -50%) rotate(45deg);
            transform: translate(-20px, -50%) rotate(45deg);
  }
  100% {
    -webkit-transform: translate(0, -50%) rotate(45deg);
            transform: translate(0, -50%) rotate(45deg);
  }
}
@-webkit-keyframes leftRight {
  0% {
    -webkit-transform: translateX(-25px);
            transform: translateX(-25px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes leftRight {
  0% {
    -webkit-transform: translateX(-25px);
            transform: translateX(-25px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
/* !END: H8 Services CSS */
/* START: Process CSS */
/* !END: Process CSS */
/* START: Case Study CSS */
/* !END: Case Study CSS */
/* START: Home 8 Testimonial CSS */
/* Manufacturing process section: dark bg + white title */
/* Manufacturing process cards (reuses the h8 vertical marquee) */
/* START: Home 8 Testimonial CSS */
/* START: Header CSS */
/* !END: Header CSS */
/* START: Footer CSS */
/* !END: Footer CSS */
/* START: Hero CSS */
/* !END: Hero CSS */
/* START: H6 Marquee CSS */
/* !END: H6 Marquee CSS */
/* START: H9 Services CSS */
/* END: H9 Services CSS */
/* START: Process CSS */
/* !END: Process CSS */
/* START: About CSS */
/* !END: About CSS */
/* START: Counter CSS */
/* !END: Counter CSS */
/* START: H9 Blog CSS */
/* !END: H9 Blog CSS */
/* START: H9 Contact CSS */
/* !END: H9 Contact CSS */
/* START: H9 Team CSS */
/* !END: H9 Team CSS */
/* START: H9 Brands CSS */
/* !END: H9 Brands CSS */
/* START: Home 9 Testimonial CSS */
/* START: Home 9 Testimonial CSS */
/* START: Case Study CSS */
/* !END: Case Study CSS */
/* START: Home 9 CTA CSS */
/* START: Header CSS */
/* !END: Header CSS */
/* START: Footer CSS */
/* !END: Footer CSS */
/* START: About CSS */
/* !END: About CSS */
/* START: Counter CSS */
.counter-item.style-2 {
  max-width: 25%;
  border-color: var(--tj-color-border-1);
  padding: 54px 80px 60px 80px;
}
.counter-item.style-2::before {
  border: 3px solid var(--tj-color-theme-dark);
  background-color: var(--tj-color-theme-primary);
}
.counter-item.style-2::after {
  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) {
  .counter-item.style-2::after {
    width: 16px;
    height: 16px;
    inset-inline-end: -8px;
  }
}
.counter-item.style-2 .number {
  color: var(--tj-color-common-white);
}
.counter-item.style-2 .sub-title {
  color: var(--tj-color-common-white-2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .counter-item.style-2 {
    padding: 50px 60px 60px 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .counter-item.style-2 {
    padding: 50px 20px 60px 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .counter-item.style-2 {
    padding: 40px 20px 50px 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .counter-item.style-2 {
    max-width: 50%;
    padding: 30px 20px 35px;
  }
}
@media (max-width: 575px) {
  .counter-item.style-2 {
    max-width: 50%;
    padding: 30px 15px;
  }
}
/* !END: Counter CSS */
/* START: H10 Services CSS */
/* END: H10 Services CSS */
/* Growth css */
/* START: Hero CSS */
/* !END: Hero CSS */
/* START: Feature CSS */
/* START: Home 6 Testimonial CSS */
/* START: Home 6 Testimonial CSS */
/* START: H10 Projects CSS */
/* !END: H10 Projects CSS */
/* START: H10 Blog CSS */
/* !END: H10 blog CSS */
/* START: H10 Brands CSS */
/* !END: H10 Brands CSS */
/* START: Home 10 team CSS */
/* END: Home 10 team CSS *//*# sourceMappingURL=main.css.map */
/* ---------new-css------------- */
/* ---home-pg-banner----- */
*, *::before, *::after {
	box-sizing: border-box;
}
.creative-fullpage--slider img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
	max-width: 100%;
	height: auto;
}
.creative-fullpage--slider{
	background-color: #ffffff;
	z-index: 2;
	width: 100%;
	position: relative;
	flex-direction: column;
	height: 100vh;
	font-size: 16px;
	display: flex;
	clip-path: none !important;
}
.creative-fullpage--slider .slider-inner {
	background: #000;
	height: 100vh;
	position: relative;
}
.creative-fullpage--slider .swiper-slide {
	position: relative;
	display: flex;
	justify-content: center;
	text-align: left;
	flex-direction: column;
	overflow: hidden;
}
.creative-fullpage--slider .swiper-slide .slider-inner img 
{
	object-fit: cover;
	width: 100%;
	height: 100vh;
}
.creative-fullpage--slider .swiper-slide .slider-inner video {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.creative-fullpage--slider .swiper-slide .slider-inner .swiper-content {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 68px;
	z-index: 1;
	max-width: 760px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-top: 130px;
}
.creative-fullpage--slider .swiper-slide .slider-inner::after {
	content: "";
	position: absolute;
	width: 101%;
	height: 100%;
	top: 0;
	left: -1px;
	background-color: transparent;
	background-image:
		linear-gradient(90deg, rgba(5, 18, 41, 0.82) 0%, rgba(5, 18, 41, 0.55) 30%, rgba(5, 18, 41, 0.15) 60%, rgba(5, 18, 41, 0.45) 100%),
		linear-gradient(180deg, rgba(5, 18, 41, 0.45) 0%, rgba(5, 18, 41, 0) 35%, rgba(5, 18, 41, 0.55) 100%);
}
.swiper-slide .slider-inner .swiper-content .title-area .tag {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: #ffffff;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	margin-bottom: 18px;
	margin-top: 0px;
	padding: 10px 16px;
	border: 1px solid rgba(255, 255, 255, 0.28);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.08);
	backdrop-filter: blur(10px);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.16);
}
.swiper-slide .slider-inner .swiper-content .title-area .title {
	margin-top: 25px;
	color: #fff;
  font-size: 50px;
	font-family: var(--tj-ff-heading);
	font-weight: 900;
	line-height: 1.1;
	text-transform: uppercase;
	margin-bottom: 25px;
	/* margin-left: -12px; */
	text-decoration: none;
}
.swiper-slide .slider-inner .swiper-content p.disc {
	font-size: 20px;
	width: 100%;
	margin-top: 15px;
	margin: 20px 0px 40px 0px;
	font-weight: 400;
	line-height: 32px;
	color: #FFFFFFB0;
}
.creative-btn--wrap .creative-slide--btn {
	color: #ffffff;
	font-size: 18px;
	transition: margin-left 300ms cubic-bezier(0.49, 0, 0.01, 1);
	font-weight: 400;
	display: inline-flex;
	position: relative;
	white-space: nowrap;
	text-decoration: none;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	user-select: none;
	outline: none;
	outline-color: transparent;
	box-shadow: none;
	will-change: transform;
	backface-visibility: hidden;
	padding: 8px 18px 8px 12px;
	gap: 8px;
	border: 1px solid rgba(255, 255, 255, 0.28);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.05);
	backdrop-filter: blur(8px);
	transition: margin-left 300ms cubic-bezier(0.49, 0, 0.01, 1), border-color 300ms cubic-bezier(0.49, 0, 0.01, 1), background-color 300ms cubic-bezier(0.49, 0, 0.01, 1), box-shadow 300ms cubic-bezier(0.49, 0, 0.01, 1);
}
.creative-btn--circle {
	position: relative;
	width: 18px;
	height: 18px;
	flex: 0 0 18px;
}
.creative-btn--circle .circle {
	position: relative;
	width: 18px;
	height: 18px;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	clip-path: circle(25% at 50% 50%);
	transition: clip-path 500ms cubic-bezier(0.49, 0, 0.01, 1);
}
.creative-btn--circle .circle .circle-fill {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 100%;
	background-color: #ffffff;
	will-change: transform;
	transform: scale(0);
	z-index: 1;
	transition: transform 500ms cubic-bezier(0.49, 0, 0.01, 1), background-color 500ms cubic-bezier(0.49, 0, 0.01, 1);
}
.creative-btn--circle .circle-icon {
	transform: translate(-100%, 0%);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	z-index: 2;
	transition: all 500ms cubic-bezier(0.49, 0, 0.01, 1);
}
.creative-btn--circle .circle-icon .icon-arrow{
	width: 11px;
	height: 11px;
	stroke: none;
	fill: #000;
}
.creative-btn--circle .circle-outline {
	fill: transparent;
	width: 10px;
	stroke: #ffffff;
}
.creative-btn--wrap .creative-slide--btn .creative-btn--label {
	margin-left: 0;
	transition: transform 500ms cubic-bezier(0.49, 0, 0.01, 1);
}
.creative-btn--wrap .creative-slide--btn .creative-btn__border {
	display: none;
}
.creative-btn--wrap .creative-slide--btn:hover .creative-btn--label {
	transform: translateX(6px);
}
.creative-btn--wrap .creative-slide--btn:hover{
	/* margin-left: 38px !important; */
	border-color: rgba(255, 255, 255, 0.6);
	background: rgba(255, 255, 255, 0.09);
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.24);
}
.creative-btn--wrap .creative-slide--btn:hover .circle {
	clip-path: circle(50% at 50% 50%);
}
.creative-btn--wrap .creative-slide--btn:hover .circle-fill {
	transform: scale(1, 1);
}
.creative-btn--wrap .creative-slide--btn:hover .circle-icon {
	transform: translate(0%, 0%);
	opacity: 1;
}
/* ===== Banner buttons row (Read More + Call) ===== */
.creative-btn--wrap {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	gap: 14px;
}
.creative-btn--wrap .creative-slide--btn {
	align-items: center;
}
/* ===== Call / phone button ===== */
.creative-btn--wrap .creative-phone--btn {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	text-decoration: none;
	padding: 8px 22px 8px 8px;
	border-radius: 999px;
	color: #ffffff;
	background: linear-gradient(135deg, #1b3d87 0%, #1b3d87 100%);
	border: 1px solid rgba(255, 255, 255, 0.25);
	transition: transform 300ms cubic-bezier(0.49, 0, 0.01, 1), box-shadow 300ms cubic-bezier(0.49, 0, 0.01, 1), background 300ms cubic-bezier(0.49, 0, 0.01, 1);
	will-change: transform;
}
.creative-btn--wrap .creative-phone--btn .phone-btn__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	flex: 0 0 40px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.18);
	backdrop-filter: blur(4px);
}
.creative-btn--wrap .creative-phone--btn .phone-btn__icon svg {
	width: 19px;
	height: 19px;
	color: #ffffff;
}
.creative-btn--wrap .creative-phone--btn .phone-btn__text {
	display: flex;
	flex-direction: column;
	line-height: 1.2;
	text-align: left;
}
.creative-btn--wrap .creative-phone--btn .phone-btn__label {
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.82);
}
.creative-btn--wrap .creative-phone--btn .phone-btn__number {
	font-size: 19px;
	font-weight: 700;
	letter-spacing: 0.01em;
	white-space: nowrap;
}
.creative-btn--wrap .creative-phone--btn:hover {
	transform: translateY(-3px);
	background: linear-gradient(135deg, #a81d2b 0%, #d42a3b 100%);
}
.creative-btn--wrap .creative-phone--btn:hover .phone-btn__icon {
	background: rgba(255, 255, 255, 0.28);
}
.creative-fullpage--slider .swiper-container-h .swiper-button-next, 
.creative-fullpage--slider .swiper-container-h .swiper-button-prev {
	bottom: 5%;
	top: unset;
	transform: scale(1);
	transition: all 0.4s;
  background-color: #203b6645;
  backdrop-filter: blur(20px);
  height: 65px;
  width: 65px;
  line-height: 65px;
	border-radius: 50%;
	transition: all 0.4s;
}
.creative-fullpage--slider .swiper-container-h .swiper-button-next {
	right: 10px;
  bottom: 40%;
  height: 50px;
  width: 50px;
  line-height: 60px;
}
.creative-fullpage--slider .swiper-container-h .swiper-button-prev {
	left: 10px;
  bottom: 40%;
  height: 50px;
  width: 50px;
  line-height: 60px;
}
.swiper-container-h .slider-pagination-area {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: unset;
	right: unset;
	bottom: 80px;
	left: 50% !important;
	transform: translateX(-50%);
	width: 500px;
	z-index: 1;
}
.swiper-container-h .slider-pagination-area .slide-range {
	font-size: 16px;
	font-weight: 500;
	margin: 0 15px;
	color: #ffffff;
	line-height: 0;
	position: absolute;
	font-size: 18px;
}
.swiper-container-h .slider-pagination-area .swiper-pagination {
	bottom: 0 !important;
	width: 500px !important;
}
.swiper-container-h .slider-pagination-area .swiper-pagination .swiper-pagination-progressbar-fill {
	background: #ffffff;
}
.swiper-container-h .swiper-button-next::after {
	content: "";
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	background: none;
	color: #ffffff;
	font-size: 28px;
}
.swiper-container-h .swiper-button-prev::after {
	content:"";
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	background: none;
	color: #ffffff;
	font-size: 28px;
}
.swiper-container-h .swiper-button-next:hover, 
.swiper-container-h .swiper-button-prev:hover {
	background: #FFFFFF0D;
}
@media screen and (max-width: 767px) {
	.swiper-slide .slider-inner .swiper-content .title-area .tag {
		font-size: 11px;
		padding: 8px 12px;
		letter-spacing: 0.14em;
	}
	.creative-btn--wrap .creative-slide--btn {
		margin-left: 0;
		padding: 7px 14px 7px 8px;
	}
	.creative-btn--wrap {
		gap: 10px;
	}
	.creative-btn--wrap .creative-phone--btn {
		padding: 6px 18px 6px 6px;
		gap: 10px;
	}
	.creative-btn--wrap .creative-phone--btn .phone-btn__icon {
		width: 34px;
		height: 34px;
		flex: 0 0 34px;
	}
	.creative-btn--wrap .creative-phone--btn .phone-btn__icon svg {
		width: 16px;
		height: 16px;
	}
	.creative-btn--wrap .creative-phone--btn .phone-btn__number {
		font-size: 16px;
	}
}
/* ====================== Responsive Ipad =============================== */
@media (max-width: 991px) {
	.creative-fullpage--slider .swiper-slide .slider-inner .swiper-content{
		width: 100%;
		max-width: 100%;
		text-align: center;
		left: 0;
		right: 0;
		padding: 100px 20px 0;
	}
	.creative-btn--wrap {
		justify-content: center;
	}
	.creative-fullpage--slider .swiper-container-h .swiper-button-next, 
	.creative-fullpage--slider .swiper-container-h .swiper-button-prev {
		height: 50px;
		width: 50px;
		line-height: 50px;
	}
	.swiper-container-h .slider-pagination-area{
		width: 200px !important;
	}
	.swiper-container-h .swiper-button-next::after, 
	.swiper-container-h .swiper-button-prev::after {
		font-size: 30px;
	}
	.creative-fullpage--slider .swiper-container-h .swiper-button-next, 
	.creative-fullpage--slider .swiper-container-h .swiper-button-prev{
		background: #ffffff3b;
    bottom: 5%;
	}
	.swiper-container-h .slider-pagination-area .swiper-pagination {
		bottom: 0 !important;
		width: 200px !important;
	}
}
/* ====================== Responsive Iphone =============================== */
@media screen and (max-width: 767px) {
	.swiper-slide .slider-inner .swiper-content .title-area .title {
		font-size: 34px;
	}
	.swiper-slide .slider-inner .swiper-content .title-area .tag{
		margin-bottom: 0px;
	}
	.swiper-slide .slider-inner .swiper-content p.disc{
    margin: 20px auto 20px auto;
    font-size: 18px;
    color: #ffffffcc;
    width:95%;
	}
	.swiper-container-h .slider-pagination-area{
		display: none;
	}
	.swiper-slide .slider-inner .swiper-content p.disc br{
		display: none;
	}
}
/* ===== About Us highlight pointers (2-column) ===== */
.about-left-content .about-highlights {
	list-style: none;
	margin: 30px 0 0 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 18px 26px;
}
.about-left-content .about-highlight {
	display: flex;
	align-items: center;
	gap: 14px;
}
.about-left-content .about-highlight__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 46px;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	font-size: 18px;
	color: #1a3c86;
	background: rgba(0, 117, 255, 0.10);
	border: 1px solid rgba(0, 117, 255, 0.20);
	transition: all 0.3s ease-in-out;
}
.about-left-content .about-highlight__text {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;
	color: var(--tj-color-theme-dark);
}
.about-left-content .about-highlight:hover .about-highlight__icon {
	color: #ffffff;
	background: var(--tj-color-theme-primary);
	border-color: var(--tj-color-theme-primary);
	transform: translateY(-3px);
}
@media (max-width: 575px) {
	.about-left-content .about-highlights {
		grid-template-columns: 1fr;
		gap: 14px;
	}
	.about-left-content .about-highlight__icon {
		flex: 0 0 42px;
		width: 42px;
		height: 42px;
		font-size: 16px;
	}
	.about-left-content .about-highlight__text {
		font-size: 15px;
	}
}
/* ===== Certificates Section ===== */
.certificate-card {
	position: relative;
	background: #ffffff;
	border: 1px solid #e2e8f2;
	border-radius: 16px;
	padding: 14px;
	box-shadow: 0 12px 30px rgba(16, 40, 92, 0.06);
	transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}
.certificate-card:hover {
	transform: translateY(-6px);
	border-color: var(--tj-color-theme-primary);
	box-shadow: 0 22px 46px rgba(16, 40, 92, 0.16);
}
.certificate-link {
	display: block;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	background: #f6f8fc;
}
.certificate-link img {
	width: 100%;
	height: 400px;
	object-fit: contain;
	padding: 16px;
	transition: transform 0.4s ease;
}
.certificate-card:hover .certificate-link img {
	transform: scale(1.04);
}
.certificate-zoom {
	position: absolute;
	top: 14px;
	right: 14px;
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	color: #ffffff;
	font-size: 16px;
	background: var(--tj-color-theme-primary);
	box-shadow: 0 8px 20px rgba(0, 117, 255, 0.35);
	opacity: 0;
	transform: scale(0.6);
	transition: opacity 0.35s ease, transform 0.35s ease;
	pointer-events: none;
}
.certificate-card:hover .certificate-zoom {
	opacity: 1;
	transform: scale(1);
}
@media (max-width: 991px) {
	.certificate-link img {
		height: 300px;
	}
}
@media (max-width: 575px) {
	.certificate-card {
		padding: 5px;
	}
	.certificate-link img {
		height: 210px;
		padding: 0px;
	}
	.certificate-zoom {
		width: 36px;
		height: 36px;
		top: 10px;
		right: 10px;
		font-size: 13px;
	}
}
/* ===== Client Testimonials (screenshot-style card slider) ===== */
.amigo-tm-wrap {
  position: relative;
  margin: 15px auto 0;
}
.amigo-tm-slider {
  overflow: hidden;
  border-radius: 24px;
  box-shadow: 0 34px 70px rgba(5, 18, 41, 0.16);
}
.amigo-tm-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #ffffff;
}
.amigo-tm-top {
  display: flex;
  align-items: stretch;
  gap: 0;
}
.amigo-tm-main {
  flex: 1 1 auto;
  min-width: 0;
  padding: 42px 44px 38px;
}
.amigo-tm-quote {
  display: inline-flex;
  color: var(--tj-color-theme-primary);
  font-size: 40px;
  line-height: 1;
}
.amigo-tm-stars {
  display: flex;
  gap: 4px;
  margin: 16px 0 18px;
  color: #f5a623;
  font-size: 14px;
}
.amigo-tm-text {
  margin: 0;
  color: #45526b;
  font-size: 17px;
  line-height: 1.7;
}
.amigo-tm-media {
  position: relative;
  flex: 0 0 250px;
  width: 250px;
  padding: 30px 30px 30px 0;
}
.amigo-tm-photo {
  width: 100%;
  height: 100%;
  border-radius: 22px;
  overflow: hidden;
  background: #eef2f8;
}
.amigo-tm-photo img {
  width: 100%;
  height: 100%;
  min-height: 210px;
  object-fit: cover;
}
.amigo-tm-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 30px;
  min-height: 90px;
  background: linear-gradient(90deg, #061634 0%, #0b2b63 48%, #0a63d8 100%);
}
.amigo-tm-person {
  display: flex;
  align-items: center;
  gap: 14px;
}
.amigo-tm-avatar {
  flex: 0 0 auto;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid rgba(255, 255, 255, 0.4);
  background: #eef2f8;
}
.amigo-tm-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.amigo-tm-name {
  margin: 0;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
}
.amigo-tm-role {
  display: block;
  margin-top: 3px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.amigo-tm-nav {
  position: absolute;
  right: 30px;
  bottom: 20px;
  display: flex;
  gap: 10px;
  z-index: 3;
}
.amigo-tm-btn {
  width: 46px;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.14);
  color: #ffffff;
  font-size: 15px;
  cursor: pointer;
  transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
}
.amigo-tm-btn:hover {
  background: #ffffff;
  color: #0a63d8;
  transform: translateY(-2px);
}
@media (max-width: 767px) {
  .amigo-tm-media {
    display: none;
  }
  .amigo-tm-main {
    padding: 30px 24px 26px;
  }
  .amigo-tm-text {
    font-size: 15px;
  }
  .amigo-tm-footer {
    padding: 18px 20px;
    padding-right: 130px;
    min-height: 84px;
  }
  .amigo-tm-nav {
    right: 20px;
    bottom: 19px;
  }
  .amigo-tm-btn {
    width: 42px;
    height: 42px;
  }
}
/* ===== Contact Form Section ===== */
.amigo-contact-section {
  background: #ffffff;
}
/* left media + floating info card */
.cf-media {
  position: relative;
}
.cf-media-img {
  border-radius: 20px;
  overflow: hidden;
  margin-right: 35px;
}
@media (max-width: 767px){
  .cf-media-img {
    margin-right: 0px;
  }
}
.cf-media-img img {
  display: block;
  width: 100%;
  height: 540px;
  object-fit: cover;
}
.cf-info-card {
  position: absolute;
  left: 26px;
  bottom: 32px;
  width: 310px;
  max-width: calc(100% - 52px);
  padding: 26px 24px;
  background: linear-gradient(150deg, #071b3d 0%, #0b2b63 10%, #0a63d8 100%);
  border-radius: 16px;
  box-shadow: 0 26px 54px rgba(7, 28, 70, 0.28);
}
.cf-info-title {
  margin: 0 0 10px;
  font-size: 24px;
  font-weight: 800;
  color: #ffffff;
}
.cf-info-text {
  margin: 0 0 18px;
  font-size: 14px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.80);
}
.cf-info-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 13px;
}
.cf-info-list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 14px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.9);
}
.cf-info-list li a {
  color: rgba(255, 255, 255, 0.9);
  text-decoration: none;
  transition: color 0.3s ease;
}
.cf-info-list li a:hover {
  color: #ffffff;
}
.cf-info-icon {
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.16);
  border: 1px solid rgba(255, 255, 255, 0.25);
}
/* right heading (match other section headings) + form */
.cf-heading .sec-heading {
  text-align: left;
  margin-bottom: 18px;
}
.cf-heading .sec-heading .sub-title {
  justify-content: flex-start;
}
.cf-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px 22px;
}
.cf-field-full {
  grid-column: 1 / -1;
}
.cf-form .cf-field input,
.cf-form .cf-field textarea {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #cdd7e6;
  border-radius: 0;
  background: transparent;
  padding: 13px 4px;
  font-size: 15px;
  color: var(--tj-color-theme-dark);
  transition: border-color 0.3s ease;
}
.cf-form .cf-field textarea {
  resize: vertical;
  min-height: 110px;
}
.cf-field input::placeholder,
.cf-field textarea::placeholder {
  color: #8b97ac;
}
.cf-form .cf-field input:focus,
.cf-form .cf-field textarea:focus {
  outline: none;
  border-bottom-color: var(--tj-color-theme-primary);
}
.cf-submit {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin-top: 6px;
  padding: 8px 8px 8px 30px;
  border: 0;
  border-radius: 50px;
  background: #051229;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.3s ease, transform 0.3s ease;
}
.cf-submit:hover {
  transform: translateY(-2px);
  background: #0a1c3d;
}
.cf-submit-icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background: var(--tj-color-theme-primary);
  transition: transform 0.3s ease;
}
.cf-submit:hover .cf-submit-icon {
  transform: rotate(-45deg);
}
@media (max-width: 991px) {
  .amigo-contact-section .row.rg-50 {
    row-gap: 30px;
  }
  .cf-media-img img {
    height: 420px;
  }
  .cf-info-card {
    position: static;
    width: auto;
    max-width: none;
    margin: 0px 0px 0;
  }
  .tj-counter-section .sec-heading{
    margin-bottom: 0px;
  }
  .tj-brand-section-two{
        margin-bottom: 0px;
  }
}
@media (max-width: 575px) {
  .amigo-contact-section .row.rg-50 {
    row-gap: 40px;
  }
     .cf-info-card {
    margin: 25px 0px 0 !important;
}
  .cf-row {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .cf-media-img img {
    height: 300px;
  }
}
/* Topbar social color boxes */
.topbar_infos .info_item.topbar-social {
  gap: 8px;
  padding: 0 !important;
  border: 0 !important;
  margin: 0;
  align-self: center;
  align-items: center;
}
.topbar_infos .info_item.topbar-social a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    border-radius: 50%;
    color: #ffffff !important;
    font-size: 14px;
    line-height: 1;
    transition: filter 0.3s ease, transform 0.3s ease;
}
.topbar_infos .info_item.topbar-social a:hover {
  transform: translateY(-2px);
}
.topbar_infos .info_item.topbar-social a:hover {
  filter: brightness(1.15);
}
.topbar-social a.sc-facebook { background-color: #1877F2; }
.topbar-social a.sc-youtube  { background-color: #FF0000; }
.topbar-social a.sc-x        { background-color: #000000; }
.topbar-social a.sc-linkedin { background-color: #0A66C2; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .topbar_infos .info_item.topbar-social { margin: 0; }
  .topbar_infos .info_item.topbar-social a { padding: 0; }
}
/* ----back-to-top icon-only (compact round arrow)----- */
.back-to-top-wrapper:has(.back-to-top-icon-only) {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}
.back-to-top-btn.back-to-top-icon-only {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #1b3d87;
  border: 1px solid #1b3d87;
  color: #ffffff;
  font-size: 18px;
}
.back-to-top-btn.back-to-top-icon-only:hover {
  background: #16306c;
  border-color: #16306c;
  color: #ffffff;
}
.back-to-top-btn.back-to-top-icon-only i {
  margin-bottom: 0;
}
/* ----why-choose-sec------ */
.application-industries-sec {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, #e7effc 0%, #dce8fa 100%);
}
.application-industries-sec .sec-heading {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
}
.application-industries-sec .sec-heading .sec-title {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}
.industry-card {
  position: relative;
  min-height: 238px;
  height: 100%;
  padding: 16px 16px 24px;
  overflow: hidden;
  border: 1px solid rgba(26, 60, 134, 0.12);
  border-radius: 22px;
  background: linear-gradient(180deg, #ffffff, #f4f8ff);
  box-shadow: 0 18px 42px rgba(7, 28, 70, 0.08);
  transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
}
/* .industry-card::before {
  content: "";
  position: absolute;
  right: -42px;
  bottom: -54px;
  width: 125px;
  height: 125px;
  border-radius: 50%;
  background: rgba(26, 60, 134, 0.08);
} */
.industry-card:hover {
  transform: translateY(-6px);
  border-color: rgba(26, 60, 134, 0.28);
  box-shadow: 0 24px 54px rgba(7, 28, 70, 0.13);
}
.industry-image {
  position: relative;
  z-index: 1;
  height: 200px;
  margin-bottom: 0;
  overflow: hidden;
  border-radius: 16px;
  background: #dce6f5;
}
.industry-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(7, 28, 70, 0.02), rgba(7, 28, 70, 0.22));
}
.industry-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.45s ease;
}
.industry-card:hover .industry-image img {
  transform: scale(1.06);
}
.industry-icon {
  position: relative;
  z-index: 2;
  width: 54px;
  height: 54px;
  margin: -27px 0 18px 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  background: #1a3c86;
  color: #ffffff;
  font-size: 24px;
  box-shadow: 0 12px 26px rgba(7, 28, 70, 0.18);
}
.industry-card h3 {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #071c46;
  font-size: 22px;
  line-height: 1.25;
}
.why-choose-sec .feature-item h3{
  color: #fff;
  font-size: 25px;
}
.h7-feature-section .feature-item.style-4 .feature-icon i {
    font-size: 40px;
    color: #1a3c86;
    margin-top: 15px;
    line-height: 1;
}
@media only screen and (max-width: 1199px) {
  .h7-feature-section .feature-item.style-4 .feature-icon i {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .about-left-content .sec-heading span.sub-title{text-align: center!important;}
  .about-left-content .sec-heading {
    text-align: center;
  }
  .about-left-content .sec-heading .sec-title{text-align: center!important;}
  .about-left-content .about-feature-item .about-button {
    display: flex;
    justify-content: center;
  }
  .application-industries-sec .row.rg-30 {
    --bs-gutter-x: 7px;
    row-gap: 12px;
  }
  .application-industries-sec .row.rg-30 > [class*="col-"] {
    width: 50%;
    flex: 0 0 50%;
  }
  .industry-card {
    min-height: 176px;
    padding: 10px 5px 16px;
    border-radius: 15px;
  }
  .industry-image {
    height: 86px;
    border-radius: 14px;
  }
  .industry-icon {
    width: 40px;
    height: 40px;
    margin: -20px 0 12px 8px;
    border-radius: 14px;
    font-size: 18px;
  }
  .industry-card h3 {
    font-size: 15px;
    line-height: 1.25;
  }
}
/* -----working-process-sec----- */
/* ----faq-section---- */
.amigo-faq-section {
  background: linear-gradient(180deg, #e7effc 0%, #dce8fa 100%);
  position: relative;
  overflow: hidden;
}
.amigo-faq-section .container {
  position: relative;
  z-index: 1;
}
/* decorative background shapes */
.faq-shape {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  z-index: 0;
  pointer-events: none;
}
.faq-shape-1 {
  width: 360px;
  height: 360px;
  top: -110px;
  left: -130px;
  background: rgba(0, 117, 255, 0.20);
}
.faq-shape-2 {
  width: 320px;
  height: 320px;
  bottom: -120px;
  right: -90px;
  background: rgba(201, 35, 50, 0.12);
}
/* left intro column */
.amigo-faq-intro .sec-heading {
  text-align: left;
  margin-bottom: 0;
}
.amigo-faq-intro .sec-heading .sub-title {
  justify-content: flex-start;
}
.amigo-faq-desc {
  margin: 20px 0 28px;
  max-width: 470px;
  color: #45526b;
  font-size: 17px;
  line-height: 1.75;
}
.amigo-faq-image {
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 26px 54px rgba(7, 28, 70, 0.16);
}
.amigo-faq-image img {
  display: block;
  width: 100%;
  height: 300px;
  object-fit: cover;
}
@media (max-width: 991px) {
  .amigo-faq-image img {
    height: 340px;
  }
}
@media (max-width: 575px) {
  .amigo-faq-image img {
    height: 240px;
  }
}
.amigo-faq-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.amigo-faq-item {
  border: 1px solid rgba(255, 255, 255, 0.9);
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 10px 28px rgba(7, 28, 70, 0.07);
  overflow: hidden;
  transition: border-color 0.3s ease, box-shadow 0.3s ease, background 0.3s ease, transform 0.3s ease;
}
.amigo-faq-item:not(.active):hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 36px rgba(7, 28, 70, 0.12);
}
.amigo-faq-item:not(.active):hover .amigo-faq-question {
  color: #0a63d8;
}
.amigo-faq-item:not(.active):hover .amigo-faq-question i {
  background: #0a63d8;
}
.amigo-faq-item.active {
  background: #ffffff;
  border-color: rgba(26, 60, 134, 0.18);
  box-shadow: 0 22px 50px rgba(11, 43, 99, 0.18);
}
.amigo-faq-question {
  width: 100%;
  min-height: 72px;
  padding: 20px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border: 0;
  background: transparent;
  color: #071c46;
  font-family: var(--tj-ff-heading);
  font-size: 21px;
  font-weight: 700;
  line-height: 1.3;
  text-align: left;
  cursor: pointer;
  transition: background 0.3s ease, color 0.3s ease;
}
.amigo-faq-item.active .amigo-faq-question {
  background: linear-gradient(90deg, #061634 0%, #0b2b63 48%, #0a63d8 100%);
  color: #ffffff;
}
.amigo-faq-item.active .amigo-faq-question span {
  color: #ffffff;
}
.amigo-faq-question i {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #1a3c86;
  color: #ffffff;
  font-size: 15px;
  transition: transform 0.3s ease, background-color 0.3s ease;
}
.amigo-faq-item.active .amigo-faq-question i {
  transform: rotate(45deg);
  background: #c92032;
}
.amigo-faq-answer {
  height: 0;
  overflow: hidden;
  transition: height 0.38s ease;
}
.amigo-faq-answer p {
  margin: 0;
  padding: 12px 24px 24px;
  color: #000000;
  font-size: 17px;
  line-height: 1.75;
}
@media only screen and (max-width: 767px) {
  .amigo-faq-question {
    min-height: 62px;
    padding: 16px 16px;
    font-size: 17px;
  }
  .amigo-faq-question i {
    width: 32px;
    height: 32px;
    flex-basis: 32px;
    font-size: 13px;
  }
  .amigo-faq-answer p {
    padding: 8px 16px 18px;
    font-size: 15px;
  }
}
/* ----home-cta---- */
/* Dark testimonial box — heading + card styled for the navy background */
@media(max-width:767px){
.amigo-faq-desc {
    margin: 20px 0 0px;
}
}
/* ============ Amigo Custom Footer ============ */
.tj-footer-area.footer-1 {
  background-color: #0a1c44;
  background-image: linear-gradient(rgba(8,20,48,.86), rgba(8,20,48,.92)), url("../images/footer-bg-img.jpg");
  background-image: linear-gradient(rgba(8,20,48,.86), rgba(8,20,48,.92)), image-set(url("../images/footer-bg-img.webp") type("image/webp"), url("../images/footer-bg-img.jpg") type("image/jpeg"));
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-top: none;
}
/* --- Clients strip --- */
/* --- Main footer --- */
.af-footer-main {
  padding-top: 62px;
  padding-bottom: 42px;
  position: relative;
  z-index: 1;
}
.af-footer-about .af-footer-logo {
  display: inline-block;
  margin-bottom: 22px;
}
.af-footer-about .af-footer-logo img {
  max-height: 56px;
  width: auto;
  background: #fff;
}
.af-footer-about p {
  color: #c3cde0;
  font-size: 15px;
  line-height: 1.75;
  margin-bottom: 26px;
  max-width: 340px;
}
.af-follow .socail {
  color: #4f8ff0;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-family: "Miranda Sans", "Poppins", sans-serif;
}
.af-social {
  display: flex;
  gap: 12px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.af-social a {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, .25);
  background: rgba(255, 255, 255, .05);
  transition: .35s;
}
.af-social a:hover {
  background: #1b3d87;
  border-color: #1b3d87;
  transform: translateY(-4px);
}
/* Column titles */
.af-footer-title {
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 26px;
  padding-bottom: 12px;
  position: relative;
}
.af-footer-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 46px;
  height: 3px;
  border-radius: 3px;
  background: linear-gradient(90deg, #e23b3b, #1b3d87);
}
/* Link lists */
.af-links {
  list-style: none;
  padding: 0;
  margin: 0;
}
.af-links li {
  margin-bottom: 13px;
}
.af-links li a {
  color: #ffffff;
  font-size: 15px;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: .3s;
}
.af-links li a i {
  color: #4f8ff0;
  font-size: 13px;
  transition: .3s;
}
.af-links li a:hover {
  color: #ffffff;
  padding-left: 5px;
}
.af-links li a:hover i {
  color: #e23b3b;
}
/* Contact */
.af-contact {
  list-style: none;
  padding: 0;
  margin: 0;
}
.af-contact li {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 22px;
}
.af-contact-icon {
  width: 46px;
  height: 46px;
  min-width: 46px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  border: 1px solid rgba(79, 143, 240, .35);
  background: rgba(79, 143, 240, .08);
  font-size: 17px;
}
.af-contact-text {
  color: #ffffff;
  font-size: 15px;
  line-height: 1.6;
  padding-top: 3px;
  min-width: 0;
  overflow-wrap: break-word;
  word-break: break-word;
}
.af-contact-text a {
  color: #ffffff;
  transition: .3s;
}
.af-contact-text a:hover {
  color: #ffffff;
}
/* Bottom bar */
.af-footer-bottom {
  border-top: 2px solid #e23b3b;
  background: rgba(4, 12, 32, .55);
  padding: 20px 0;
  position: relative;
  z-index: 1;
}
.af-bottom-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}
.af-copyright p {
  margin: 0;
  color: #ffffff;
  font-size: 16px;
}
.af-copyright a {
  color: #4f8ff0;
}
.af-copyright a:hover {
  color: #ffffff;
}
.af-bottom-menu ul {
  display: flex;
  gap: 26px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.af-bottom-menu ul li {
  position: relative;
}
.af-bottom-menu ul li:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -13px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 14px;
  background: rgba(255, 255, 255, .25);
}
.af-bottom-menu a {
  color: #c3cde0;
  font-size: 15px;
  transition: .3s;
}
.af-bottom-menu a:hover {
  color: #ffffff;
}
@media (max-width: 991px) {
  .af-footer-about p { max-width: 100%; }
}
@media (max-width: 767px) {
  .af-bottom-inner { flex-direction: column; text-align: center; }
  .floating_btn{ bottom: 103px !important; right: 13px !important;}
}
/* ---whatsapp-floating-icon---- */
.floating_btn {
  position: fixed;
  bottom: 25px;
  right: 15px;
  width: 54px;
  height: 54px;
  display: flex;
  flex-direction: column;
  align-items:center;
  justify-content:center;
  z-index: 1000;
}
@keyframes pulsing {
  to {
    /* box-shadow: 0 0 0 30px rgba(232, 76, 61, 0); */
  }
}
.contact_icon {
  background-color: #42db87;
  color: #fff;
  width: 50px;
  height: 50px;
  font-size:24px;
  border-radius: 50px;
  text-align: center;
  box-shadow: 2px 2px 3px #999;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translatey(0px);
  animation: pulse 1.5s infinite;
  box-shadow: 0 0 0 0 #42db87;
  -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  font-weight: normal;
  font-family: sans-serif;
  text-decoration: none !important;
  transition: all 300ms ease-in-out;
}
/* =====================================================================
   AMIGO — RESPONSIVE REFINEMENTS (custom sections)
   Mobile  : 320 - 767px   |  Tablet : 768 - 991px
   Notepad : 992 - 1024px  |  Laptop : 1201 - 1399px
   (base theme is already responsive; these target our custom blocks)
   ===================================================================== */
/* Give the custom footer columns vertical spacing whenever they wrap */
@media (max-width: 1199px) {
  .af-footer-row { --bs-gutter-y: 40px; }
}
/* ---------------- Laptop : 1201px - 1399px ---------------- */
@media (min-width: 1201px) and (max-width: 1399px) {
  .swiper-slide .slider-inner .swiper-content p.disc{font-size: 18px;}
  .af-footer-main { padding-top: 56px; padding-bottom: 40px; }
  .af-footer-title { font-size: 19px; }
  .h7-feature-section .feature-item.style-4 {
    padding: 25px 17px 18px 17px;
    border-radius: 20px;
    height: 260px;
}
.mainmenu ul {
  gap: 22px;
}
.header-topbar {
  padding: 5px 35px;
}
.header-bottom {
    padding: 0px 35px;
  }
}
/* ---------------- Notepad : 992px - 1024px ---------------- */
@media (min-width: 992px) and (max-width: 1024px) {
  .af-footer-main { padding-top: 50px; padding-bottom: 34px; }
  .af-footer-title { font-size: 18px; margin-bottom: 20px; }
  .af-links li a, .af-contact-text { font-size: 14px; }
  .af-contact-icon { width: 42px; height: 42px; min-width: 42px; font-size: 15px; }
  .h7-feature-section .feature-item.style-4{border-radius: 50px; height: 100%;}
  /* Application industries: 4 cards per row on notepad (992-1024px) */
  .application-industries-sec .row.rg-30 > [class*="col-"] {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
    width: 25%;
  }
}
/* ---------------- Tablet : 768px - 991px ---------------- */
@media (min-width: 768px) and (max-width: 991px) {
  .af-footer-main { padding-top: 48px; padding-bottom: 32px; }
  .af-footer-about p { max-width: 100%; }
  .af-footer-title { font-size: 18px; margin-bottom: 20px; }
  .af-links li a, .af-contact-text { font-size: 14px; }
  /* feature cards: equal height + matched radius so both boxes in a row line up */
  .h7-feature-section .feature-item.style-4 {
    height: 100%;
    border-radius: 50px;
  }
}
/* ---------------- Mobile : 320px - 767px ---------------- */
@media (max-width: 767px) {
  .af-footer-main { padding-top: 40px; padding-bottom: 26px; }
  .af-footer-row { --bs-gutter-y: 34px; }
  /* center the branding column, keep link columns left-aligned */
  .af-footer-about { text-align: center; }
  .af-footer-about .af-footer-logo { margin-left: auto; margin-right: auto; }
  .af-footer-about p { margin-left: auto; margin-right: auto; }
  .af-social { justify-content: center; }
  .af-follow{margin-top:15px;}
  .af-follow h3 { text-align: center; }
  .af-bottom-menu ul { justify-content: center; }
  /* testimonial custom card */
  .counter-item .sub-title{font-size: 15px; font-weight: 500;}
  .tj-counter-section {
    padding-top: 36px;
    padding-bottom: 38px;
  }
  .tj-counter-section .sec-heading .sec-title {
    font-size: 26px;
    line-height: 1.18;
  }
  .tj-counter-section .counter-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 28px;
  }
  .tj-counter-section .counter-wrapper .counter-item {
    padding: 22px 18px;
  }
  .tj-counter-section .counter-item .number {
    font-size: 40px;
  }
}
/* ---------------- Small phones : up to 480px ---------------- */
@media (max-width: 480px) {
  .af-footer-title { font-size: 18px; }
  .af-links li a, .af-contact-text { font-size: 14px; }
  .af-copyright p { font-size: 13px; }
  .af-bottom-menu a { font-size: 14px; }
  .af-contact-icon { width: 42px; height: 42px; min-width: 42px; font-size: 15px; }
  .tj-counter-section .counter-wrapper {
    gap: 10px;
  }
  .tj-counter-section .counter-wrapper .counter-item {
    min-height: 148px;
    padding: 14px 10px 16px;
  }
  .tj-counter-section .sec-heading .sec-title {
    font-size: 24px;
  }
}
/* =====================================================================
   AMIGO — MOBILE FIXES (user requested)
   ===================================================================== */
/* Header toggle: make the cube icon white so it is visible on the dark
   banner / dark sticky header (was theme-dark = invisible) */
.tj-header-area.header-1 .menu_btn,
.tj-header-area.header-1 .menu_btn:hover {
  color: #ffffff;
}
/* ---------------- Mobile : up to 767px ---------------- */
@media (max-width: 767px) {
  /* Heading sizes + line-heights */
  h1 { font-size: 38px; line-height: 1.2; }
  h2, .sec-title { font-size: 34px; line-height: 1.25; }
  h3 { font-size: 26px; line-height: 1.3; }
  /* Section spacing (most sections use .section-space) */
  .section-space { padding-top: 40px; padding-bottom: 40px; }
  .tj-about-section { padding-top: 40px; padding-bottom: 40px; }
  .tj-counter-section { padding-top: 40px; padding-bottom: 40px; }
  /* Feature cards: softer radius on mobile */
  .h7-feature-section .feature-item.style-4 { border-radius: 60px; }
  /* Testimonial quote icon: smaller circle */
  .af-footer-about p {
    margin-bottom: 0px;
  }
  /* WhatsApp float: slightly smaller again on phones */
  .contact_icon { width: 48px; height: 48px; font-size: 22px; }
}
/* =====================================================================
   AMIGO — MOBILE HEADER (toggle right, one line, white logo chip)
   ===================================================================== */
@media (max-width: 991px) {
  /* keep logo (left) and toggle (right) on the SAME line */
  .header-wrapper { flex-wrap: nowrap; }
  .header-wrapper .site-logo { flex: 0 1 auto; }
  .header-wrapper .menu_btn { margin-inline-start: auto; }
  /* white background behind the logo so it stays visible on the header */
  .tj-header-area .site-logo .logo {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    padding: 7px 13px;
    border-radius: 10px;
    line-height: 0;
  }
  .tj-header-area .site-logo .logo img {
    max-height: 40px;
    width: auto;
  }
  /* hamburger toggle icon */
  .menu_btn i { font-size: 26px; }
}
/* Mobile toggle button: navy chip (matches logo) with white bars, always visible */
@media (max-width: 991px) {
  .tj-header-area .menu_btn,
  .tj-header-area.header-1 .menu_btn,
  .tj-header-area.header-1 .menu_btn:hover {
    background: #1b3d87;
    color: #ffffff;
    width: 38px;
    height: 38px;
    padding: 0;
    margin-inline-start: auto;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 12px rgba(0,0,0,.18);
  }
  .tj-header-area .menu_btn i { font-size: 22px; color: #ffffff; }
}
/* Preserve card/author title size after h4 -> h3 (SEO hierarchy fix) */
/* =====================================================================
   AMIGO — Counter grid + one-line header menu (laptop/small desktop)
   ===================================================================== */
/* Counter: advanced dark-blue achievement panel with icon cards */
.tj-counter-section {
  position: relative;
  background-color: #071b3d;
  background-image: none;
  padding-top: 45px;
  padding-bottom: 50px;
  overflow: hidden;
}
.tj-counter-section::before {
  display: none;
}
.tj-counter-section .container {
  position: relative;
  z-index: 1;
}
/* Section heading */
.tj-counter-section .sec-heading .sub-title {
  color: #4da3ff;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-weight: 700;
}
.tj-counter-section .sec-heading .sec-title {
  color: #ffffff;
}
/* Cards grid */
.tj-counter-section .counter-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
  max-width: 100%;
  margin: 44px 0 0;
}
.tj-counter-section .counter-wrapper .counter-item {
  display: flex;
  align-items: stretch;
  max-width: 100%;
  width: auto;
  margin: 0;
  padding: 30px 28px;
  border-radius: 16px;
  border: 1px solid rgba(120, 170, 255, 0.20);
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.015) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 12px 30px rgba(0, 10, 40, 0.30);
  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}
.tj-counter-section .counter-wrapper .counter-item:hover {
  transform: translateY(-6px);
  border-color: rgba(120, 170, 255, 0.5);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 20px 42px rgba(0, 20, 70, 0.5);
}
.tj-counter-section .counter-item::before,
.tj-counter-section .counter-item::after,
.tj-counter-section .counter-item .bottom-line { display: none; }
/* Title + number + description */
.tj-counter-section .counter-info {
  min-width: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}
.tj-counter-section .counter-item .counter-title {
  display: block;
  color: #ffffff;
  font-family: var(--tj-ff-heading);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 18px;
}
.tj-counter-section .counter-item .number {
  display: inline-block;
  white-space: nowrap;
  color: #ffffff;
  font-family: var(--tj-ff-heading);
  font-size: 52px;
  font-weight: 800;
  line-height: 1;
  margin: 0 0 16px;
}
.tj-counter-section .counter-item .counter-desc {
  margin: 0;
  color: #d2def4;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.55;
}
/* Responsive */
@media (min-width: 992px) and (max-width: 1199px) {
  .tj-counter-section .counter-wrapper { gap: 16px; }
  .tj-counter-section .counter-wrapper .counter-item { padding: 26px 22px; }
  .tj-counter-section .counter-item .number { font-size: 44px; }
}
@media (max-width: 991px) {
  .tj-counter-section .counter-wrapper { grid-template-columns: repeat(2, 1fr); gap: 16px; }
  .tj-counter-section .counter-wrapper .counter-item {
    padding: 26px 22px;
  }
  .tj-counter-section .counter-item .number { font-size: 46px; }
}
@media (max-width: 575px) {
  .tj-counter-section .counter-wrapper { grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 30px; }
  .tj-counter-section .counter-wrapper .counter-item {
    padding: 20px 16px;
  }
  .tj-counter-section .counter-item .counter-title { font-size: 15px; margin-bottom: 12px; }
  .tj-counter-section .counter-item .number { font-size: 34px; margin-bottom: 10px; }
  .tj-counter-section .counter-item .counter-desc { font-size: 13px; }
}
/* Header: keep nav on ONE line (main + sticky) on laptop / small desktop */
@media (min-width: 992px) {
  .header-wrapper { flex-wrap: nowrap; }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .mainmenu ul { gap: 20px; }
  .mainmenu ul > li > a { font-size: 15px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mainmenu ul { gap: 13px; }
  .mainmenu ul > li > a { font-size: 14px; padding: 28px 0; }
  .tj-header-area .site-logo .logo img { max-height: 40px; }
  .tj-header-area .header_right_info { display: none; }
}
/* Banner: stronger overlay on mobile so the content is readable */
@media (max-width: 767px) {
  .creative-fullpage--slider .swiper-slide .slider-inner::after {
    background-image: linear-gradient(180deg, rgb(6 14 38 / 0%) 0%, rgb(6 14 38 / 68%) 45%, rgb(6 14 38 / 33%) 100%);
  }
}
/* =====================================================================
   AMIGO — TABLET (768-991) & NOTEPAD (992-1024) refinements
   ===================================================================== */
/* Topbar: note on the left end, info on the right end (like desktop) */
@media (min-width: 768px) and (max-width: 991px) {
  .header-topbar .header-topbar_wrap {
    justify-content: space-between;
    flex-wrap: nowrap;
    text-align: start;
    row-gap: 0;
    gap: 10px;
  }
  /* .topbar_infos {
    display: block;
  } */
  .topbar_note { font-size: 12px; }
  .topbar_infos .info_item { font-size: 12px; }
  .topbar_infos .info_item.topbar-social a { width: 30px; height: 30px; }
  /* hide the "Get a quote" CTA on tablet */
  .tj-header-area .header_right_info { display: none; }
  /* feature cards: softer radius + center the lone 3rd card */
  .h7-feature-section .feature-item.style-4 { border-radius: 35px; }
  .h7-feature-section .row.rg-30 { justify-content: center; }
  .cf-media-img {
    display: none;
  }
}
/* Section spacing + bigger client logos: tablet + notepad */
@media (min-width: 768px) and (max-width: 1024px) {
  .section-space { padding-top: 50px; padding-bottom: 50px; }
  .tj-about-section,
  .tj-counter-section,
  .tj-project-section { padding-top: 50px; padding-bottom: 50px; }
}
/* Mobile banner: side padding so headings don't get cut at the edges */
@media (max-width: 767px) {
  .creative-fullpage--slider .swiper-slide .slider-inner .swiper-content {
    padding-left: 10px;
    padding-right: 10px;
  }
}
/* Tablet topbar: fit note (left) + info (right) on one clean line, hide CTA */
@media (min-width: 768px) and (max-width: 991px) {
  .tj-header-area .header_right_info { display: none !important; }
  .header-topbar .header-topbar_wrap {
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    text-align: start !important;
    row-gap: 0;
    gap: 12px;
  }
  .header-topbar .topbar_note { white-space: nowrap; font-size: 11px; }
  .header-topbar .topbar_note i { margin-inline-end: 4px; }
  .header-topbar .topbar_infos { flex-wrap: nowrap; }
  .header-topbar .topbar_infos .info_item { font-size: 11px; white-space: nowrap; }
  .header-topbar .topbar_infos .info_item:not(:last-child) {
    padding-inline-end: 8px;
    margin-inline-end: 8px;
  }
  .header-topbar .topbar_infos .info_item.topbar-social a { width: 30px; height: 30px; }
}
/* Tablet topbar: hide long email so note + phone + socials fit cleanly */
@media (min-width: 768px) and (max-width: 991px) {
  .header-topbar .topbar_infos .info_item:nth-child(2) { display: none; }
  .header-topbar .topbar_note { font-size: 12px; white-space: nowrap; }
  .header-topbar .topbar_infos .info_item { font-size: 12px; }
  .header-topbar .topbar_infos .info_item.topbar-social a { width: 30px; height: 30px; }
}
/* Manufacturing process: 2 cards per row on mobile (trial - easy to remove) */
/* =====================================================================
   AMIGO — Mobile fixes for new sections (process cards + section spacing)
   ===================================================================== */
/* Manufacturing process cards must not get cut on mobile (horizontal slider) */
/* Align new sections' top/bottom spacing with the rest of the page on mobile */
@media (max-width: 767px) {
  .tj-counter-section,
  .h8-testimonial.process-marquee {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .tj-counter-section,
  .h8-testimonial.process-marquee {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
/* Counter: match other sections' bottom spacing on mobile */
@media (max-width: 767px) {
  .tj-counter-section {
    padding-bottom: 40px;
  }
}
/* Mobile: hide FAQ & Contact images; shrink hamburger "Follow us" title */
@media (max-width: 767px) {
  .amigo-faq-image,
  .cf-media-img {
    display: none;
  }
  /* image is gone, so drop the negative overlap margin on the info card */
  .cf-info-card {
    margin-top: 0 !important;
  }
  .hamburger-title {
    font-size: 18px;
  }
}
/* Banner: fit long 3-line headings on laptops & short-height desktops
   (content sits at top:35% inside a 100vh slide that clips overflow) */
@media (min-width: 992px) and (max-width: 1499px) {
  .swiper-slide .slider-inner .swiper-content .title-area .title {
    font-size: 42px;
  }
}
@media (min-width: 992px) and (max-height: 800px) {
  .swiper-slide .slider-inner .swiper-content .title-area .tag {
    margin-bottom: 12px;
  }
  .swiper-slide .slider-inner .swiper-content .title-area .title {
    font-size: 38px;
    margin-top: 16px;
    margin-bottom: 18px;
  }
  .swiper-slide .slider-inner .swiper-content p.disc {
    margin: 14px 0 26px;
    line-height: 28px;
  }
}
/* Tablet banner: 3-line heading overflows the 100vh slide & gets cut.
   Shrink the title + para and tighten spacing so it fits at 768-991px. */
@media (min-width: 768px) and (max-width: 991px) {
  .creative-fullpage--slider .swiper-slide .slider-inner .swiper-content {
    padding-top: 70px;
    align-items: center;
    text-align: center;
  }
  .swiper-slide .slider-inner .swiper-content .title-area {
    text-align: center;
  }
  .swiper-slide .slider-inner .swiper-content .title-area .tag {
    margin-bottom: 10px;
  }
  .swiper-slide .slider-inner .swiper-content .title-area .title {
    font-size: 32px;
    line-height: 1.15;
    margin-top: 14px;
    margin-bottom: 16px;
  }
  .swiper-slide .slider-inner .swiper-content p.disc {
    font-size: 16px;
    line-height: 26px;
    margin: 14px auto 22px;
    max-width: 560px;
  }
}

/* -------products-and-material-pg-css---- */

/* Product / Material page — Hero + Breadcrumb */
.product-hero { position: relative; background: linear-gradient(135deg, #0a0d14 0%, #12192a 100%); padding: 45px 0 220px; text-align: center; overflow: hidden; }
.product-hero .container { position: relative; z-index: 1; }
.product-hero__title { font-size: 46px; line-height: 52px; color: #ffffff; margin: 30px 0 10px; }
.product-hero__title .accent { color: #3d97ff; display: block; }
.product-hero__cta { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin: 0 0 36px; }
.product-hero__cta a { display: inline-flex; align-items: center; gap: 10px; padding: 11px 22px; border-radius: 50px; font-weight: 600; font-size: 14px; line-height: 1; transition: all 0.3s ease; }
.product-hero__cta a svg { width: 18px; height: 18px; }
.btn-quote { background: linear-gradient(135deg, #0a5dcc, #255089); color: #fff; box-shadow: 0 12px 26px -10px rgba(0, 117, 255, 0.85); }
.btn-quote:hover { transform: translateY(-2px); box-shadow: 0 16px 30px -10px rgba(0, 117, 255, 0.95); color: #fff; }
.btn-datasheet { background: rgba(255, 255, 255, 0.08); color: #fff; border: 1px solid rgba(255, 255, 255, 0.35); }
.btn-datasheet:hover { background: rgba(255, 255, 255, 0.16); border-color: rgba(255, 255, 255, 0.6); color: #fff; }
.product-breadcrumb { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px 12px; margin: 0 0 18px; padding: 0; list-style: none; }
.product-breadcrumb li { display: flex; align-items: center; gap: 12px; font-size: 12px; font-weight: 500; color: rgba(255, 255, 255, 0.72); line-height: 1; }
.product-breadcrumb li:not(:first-child)::before { content: "/"; color: rgba(255, 255, 255, 0.4); font-weight: 400; }
.product-breadcrumb a { color: #8fbdf5; font-weight: 600; transition: color 0.3s ease; }
.product-breadcrumb a:hover { color: #ffffff; }
.product-breadcrumb .is-current { color: #ffffff; font-weight: 600; }
/* white foot — holds the image (pulled up to straddle the blue) + trust badges */
.product-hero-foot { background: #fff; display: flow-root; }
.product-hero__media { max-width: 1100px; margin: -190px auto 0; }
.product-hero__image { position: relative; aspect-ratio: 1200 / 450; border-radius: 22px; background: linear-gradient(135deg, #dbe6f5, #eef3fb); border: 1px solid rgba(255, 255, 255, 0.15); box-shadow: 0 30px 70px -28px rgba(0, 0, 0, 0.55); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.product-hero__image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.img-placeholder { display: flex; flex-direction: column; align-items: center; gap: 14px; color: var(--tj-color-text-body-2); font-size: 15px; }
.img-placeholder svg { width: 74px; height: 74px; color: #b7c6dd; }
.product-trust { list-style: none; margin: -42px auto 0; padding: 10px; max-width: 860px; position: relative; z-index: 2; display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; gap: 8px; background: #fff; border: 1px solid #aebfd9; border-radius: 18px; box-shadow: 0 24px 50px -28px rgba(0, 0, 0, 0.4); }
.product-trust__item { display: flex; align-items: center; gap: 14px; padding: 8px 26px; flex: 1 1 0; justify-content: center; }
.product-trust__item:not(:last-child) { border-right: 1px solid #cdd9e9; }
.product-trust__icon { flex-shrink: 0; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; background: linear-gradient(135deg, #e34b4b 0%, #b01d1d 100%); box-shadow: 0 8px 18px -6px rgba(211, 47, 47, 0.5); transition: transform 0.3s ease; }
.product-trust__item:hover .product-trust__icon { transform: translateY(-3px); }
.product-trust__icon svg { width: 26px; height: 26px; }
.product-trust__text { display: flex; flex-direction: column; line-height: 1.25; text-align: left; }
.product-trust__text strong { font-size: 17px; color: var(--tj-color-heading-primary); font-weight: 700; }
.product-trust__text span { font-size: 13.5px; color: var(--tj-color-text-body-2); }
@media (max-width: 1199px) {
  .product-hero { padding-bottom: 230px; }
  .product-hero__media { margin-top: -195px; }
}
@media (max-width: 991px) {
  .product-hero__title { font-size: 38px; }
  .product-hero { padding-bottom: 175px; }
  .product-hero__media { margin-top: -145px; }
}
@media (max-width: 767px) {
  .product-hero { padding: 45px 0 105px; }
  .product-hero__title { font-size: 29px; line-height: 35px; margin: 42px 0px 10px !important;}
  .product-hero__cta a { padding: 12px 22px; font-size: 14px; }
  .product-breadcrumb li { font-size: 13px; gap: 8px; }
  .product-hero__media { margin-top: -80px; }
  .product-hero__image { border-radius: 16px; aspect-ratio: 1200 / 650; }
  .product-trust { margin-top: -18px; flex-direction: column; gap: 0; padding: 6px 18px; max-width: 340px; }
  .product-trust__item { padding: 14px 6px; justify-content: flex-start; }
  .product-trust__item:not(:last-child) { border-right: 0; border-bottom: 1px solid var(--tj-color-border-2); }
}

/* Product body — two-column grid (main content + sticky sidebar) */
.product-body { padding: 72px 0; background: #fff; }
.product-body__grid { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 44px; align-items: start; }
.product-main { min-width: 0; }
.content-block + .content-block { margin-top: 42px; }
.block-title { font-size: 28px; color: var(--tj-color-heading-primary); margin: 0 0 20px; display: flex; align-items: center; gap: 11px; }
.block-title::before { content: ""; flex-shrink: 0; width: 27px; height: 27px; background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2 22 12 12 22 2 12 12 2Z' fill='%23d32f2f'/><path d='M8.8 12h6.4m0 0-2.6-2.6M15.2 12l-2.6 2.6' stroke='%23ffffff' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center / contain; }
.product-main p { color: #000000; font-size: 16px; line-height: 1.75; margin: 0 0 16px; }
.product-main p:last-child { margin-bottom: 0; }
.product-sidebar { position: sticky; top: 50px; display: flex; flex-direction: column; gap: 18px; }
.sidebar-card{background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);border:1px solid var(--tj-color-border-2);border-radius:16px;padding:22px;box-shadow:0 14px 34px -22px rgba(5,18,41,.3)}
.sidebar-card__title{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:700;color:var(--tj-color-heading-primary);margin:0 0 16px;padding-bottom:13px;border-bottom:1px solid var(--tj-color-border-2)}
.enquiry-form { display: flex; flex-direction: column; gap: 10px; }
.enquiry-form input, .enquiry-form textarea { width: 100%; padding: 11px 14px; font-size: 14px; font-family: inherit; color: var(--tj-color-heading-primary); background: #f7f9fc; border: 1px solid var(--tj-color-border-2); border-radius: 9px; transition: border-color 0.25s ease, background 0.25s ease; }
.enquiry-form input::placeholder, .enquiry-form textarea::placeholder { color: #9aa4b2; }
.enquiry-form input:focus, .enquiry-form textarea:focus { outline: none; border-color: var(--tj-color-theme-primary); background: #fff; }
.enquiry-form input[readonly] { background: #eef3fb; color: var(--tj-color-theme-dark); font-weight: 600; cursor: default; }
.enquiry-form textarea { resize: vertical; min-height: 76px; }
.enquiry-form .sidebar-btn { margin-top: 4px; }
.sidebar-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; width: 100%; padding: 13px 20px; border: none; cursor: pointer; border-radius: 50px; background: linear-gradient(135deg, #0a5dcc, #255089); color: #fff; font-weight: 600; font-size: 14.5px; box-shadow: 0 12px 24px -12px rgba(0, 117, 255, 0.7); transition: all 0.3s ease; }
.sidebar-btn:hover { transform: translateY(-2px); color: #fff; }
.sidebar-btn svg { width: 16px; height: 16px; }
.sidebar-btn--outline { background: #fff; color: var(--tj-color-theme-primary); border: 1.5px solid var(--tj-color-theme-primary); box-shadow: none; }
.sidebar-btn--outline:hover { background: var(--tj-color-theme-primary); color: #fff; }
.toc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.toc-list a{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:10px;font-size:14.5px;color:var(--tj-color-heading-primary);font-weight:600;background:#f3f7fe;border:1px solid var(--tj-color-border-2);transition:all .25s ease}
.toc-list a::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--tj-color-theme-primary);flex-shrink:0;transition:background .25s ease}
.toc-list a:hover{background:linear-gradient(135deg,#061634 0%,#0b2b63 48%,#0a63d8 100%);border-color:transparent;color:#fff;transform:translateX(3px)}
.toc-list a:hover::before{background:#fff}
.form-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.form-chips span { padding: 7px 14px; font-size: 13px; font-weight: 600; color: var(--tj-color-theme-dark); background: #eef3fb; border: 1px solid var(--tj-color-border-2); border-radius: 50px; }
.sidebar-contact { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.sidebar-contact li { display: flex; align-items: center; gap: 12px; font-size: 14px; color: var(--tj-color-text-body); line-height: 1.5; }
.sidebar-contact svg { width: 34px; height: 34px; padding: 8px; box-sizing: border-box; background: #eef4ff; border: 1px solid #dce8fb; border-radius: 9px; color: #0a5dcc; flex-shrink: 0; }
.sidebar-contact a { color: var(--tj-color-text-body); }
.sidebar-contact a:hover { color: var(--tj-color-theme-primary); }
.sidebar-badges { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--tj-color-border-2); }
.sidebar-badges span { display: inline-flex; align-items: center; gap: 8px; padding: 9px 15px; font-size: 12.5px; font-weight: 700; color: #0a5dcc; background: linear-gradient(135deg, #eef4ff, #e2edfd); border: 1px solid #cfe0f7; border-radius: 9px; }
.sidebar-badges span::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--tj-color-theme-primary); }
@media (max-width: 991px) {
  .product-body { padding: 50px 0; }
  .product-body__grid { grid-template-columns: 1fr; gap: 36px; }
  .product-sidebar { position: static; }
  .app-showcase-section .container > .product-sidebar { margin-top: 34px; }
}

/* Spec tables */
.spec-table-wrap { overflow-x: auto; border: 1px solid #aebfd9; border-radius: 12px; }
.spec-table { width: 100%; border-collapse: collapse; font-size: 15px; }
.spec-table thead tr{background:linear-gradient(90deg,#1a4499 0%,#2f6bd8 100%)}
.spec-table thead th{background:transparent;color:#fff;font-weight:600;text-align:left;padding:14px 18px;white-space:nowrap}
.spec-table tbody td { padding: 12px 18px; border-top: 1px solid #d3ddec; color: #000000; vertical-align: top; line-height: 1.55; }
.spec-table tbody tr:nth-child(even) { background: #f4f7fb; }
.spec-table tbody td:first-child { font-weight: 600; color: var(--tj-color-heading-primary); }
@media (max-width: 767px) {
  .spec-table { font-size: 13.5px; }
  .spec-table thead th { white-space: normal; }
  .spec-table thead th,
  .spec-table tbody td { padding: 11px 12px; vertical-align: top; }
  .spec-table th:first-child,
  .spec-table td:first-child { width: 40%; }
}
/* Applications icon grid */
.app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:6px}
.app-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 14px;
  padding: 26px 16px;
  background: #fff;
  border: 1px solid #aebfd9;
  border-radius: 14px;
  transition: all 0.3s ease;
}
.app-item:hover{background:linear-gradient(135deg,#061634 0%,#0b2b63 48%,#0a63d8 100%);border-color:transparent;box-shadow:0 20px 40px -20px rgba(11,43,99,.5);transform:translateY(-4px)}
.app-item__icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--tj-color-theme-primary);
  background: linear-gradient(135deg, #e8f1ff, #d6e6fb);
  transition: all 0.3s ease;
}
.app-item:hover .app-item__icon{background:rgba(255,255,255,.16);color:#fff}
.app-item__icon svg { width: 30px; height: 30px; }
.app-item > span:last-child {
  font-size: 14.5px;
  font-weight: 600;
  color: var(--tj-color-heading-primary);
  line-height: 1.3;
}
@media (max-width: 767px) {
  .app-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .app-item { padding: 20px 12px; }
}
/* Why choose us — icon straddles the top edge; blue gradient slides in on hover */
.wcu-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px 46px; margin-top: 34px; }
.wcu-card { display: flex; align-items: flex-start; gap: 20px; }
.wcu-card__icon { flex-shrink: 0; width: 82px; height: 82px; display: flex; align-items: center; justify-content: center; color: #d32f2f; transition: transform 0.35s ease; }
.wcu-card__icon svg { width: 75px; height: 75px; }
.wcu-card:hover .wcu-card__icon { transform: translateY(-4px); }
.wcu-card__inner { flex: 1; text-align: left; }
.wcu-card h3 { font-size: 18px; font-weight: 700; color: var(--tj-color-heading-primary); margin: 0 0 7px; }
.wcu-card p { font-size: 14.5px; line-height: 1.6; color: #000000; margin: 0; }
@media (max-width: 767px) { .wcu-grid { grid-template-columns: 1fr; } }
/* CTA card — dark bg image, circular CONTACT badge */
.product-cta-band { padding: 8px 0 44px; }
.cta-band__inner { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: space-between; gap: 34px; background: linear-gradient(90deg, rgb(7 75 179) 0%, rgb(7 68 162) 48%, rgba(6, 9, 16, 0.2) 100%), url(../images/cta-blue-bg.jpg) center / cover no-repeat #1f52a3;
    border-radius: 20px;
    padding: 30px 52px; box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.6); }
.cta-band__text { position: relative; z-index: 1; max-width: 80%; }
.cta-band__eyebrow { display: block; color: #9fb3d6; font-size: 12.5px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; margin-bottom: 14px; }
.cta-band__text .head { color: #fff; font-size: 30px; line-height: 1.2; margin: 0 0 14px; font-family: "Miranda Sans", "Poppins", sans-serif; font-weight: 600; }
.cta-band__text p { color: rgba(255, 255, 255, 0.78); font-size: 15px; line-height: 1.65; margin: 0 0 26px; }
.cta-band__btn { display: inline-flex; align-items: center; gap: 9px; padding: 13px 26px; border-radius: 50px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.28); color: #fff; font-weight: 700; font-size: 14px; backdrop-filter: blur(4px); transition: all 0.3s ease; }
.cta-band__btn svg { width: 17px; height: 17px; }
.cta-band__btn:hover { background: #fff; color: var(--tj-color-theme-dark); border-color: #fff; transform: translateY(-2px); }
.cta-badge { position: relative; flex-shrink: 0; width: 138px; height: 138px; display: flex; align-items: center; justify-content: center; z-index: 1; }
.cta-badge__ring { position: absolute; inset: 0; width: 100%; height: 100%; animation: ctaSpin 16s linear infinite; }
.cta-badge__ring text { fill: rgba(255, 255, 255, 0.72); font-size: 9.5px; font-weight: 600; letter-spacing: 2.5px; text-transform: uppercase; }
.cta-badge__arrow { width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.3); color: #fff; transition: background 0.3s ease, color 0.3s ease; }
.cta-badge__arrow svg { width: 22px; height: 22px; }
.cta-badge:hover .cta-badge__arrow { background: #fff; color: #0a0d14; }
@keyframes ctaSpin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .cta-badge__ring { animation: none; } }
@media (max-width: 991px) { .cta-band__inner { padding: 25px 34px; } .cta-band__text h2 { font-size: 26px; } }
@media (max-width: 767px) {
  .product-cta-band { padding: 4px 0 34px; }
  .cta-band__inner { padding: 34px 24px; }
  .cta-band__text h2 { font-size: 22px; }
  .cta-badge { display: none; }
}
/* Grade cards */
.grade-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:6px}
.grade-card { display: flex; flex-direction: column; align-items: flex-start; padding: 24px; background: #fff; border: 1px solid #b0bfd2; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border-radius: 14px; transition: all 0.3s ease; text-decoration: none; }
.grade-card:hover{background:linear-gradient(135deg,#1a4499 0%,#2f6bd8 100%);border-color:transparent;box-shadow:0 20px 40px -20px rgba(11,43,99,.5);transform:translateY(-3px)}
.grade-card h3 { font-size: 18px; font-weight: 700; color: var(--tj-color-heading-primary); margin: 0 0 10px; transition: color 0.3s ease; }
.grade-card p { font-size: 14px; line-height: 1.6; color: #000000; margin: 0; }
.grade-card__btn { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; padding: 9px 18px; border-radius: 50px; background: linear-gradient(135deg, #0a5dcc, #255089); color: #fff; font-weight: 600; font-size: 13px; transition: all 0.3s ease; }
.grade-card__btn svg { width: 15px; height: 15px; }
.grade-card__btn:hover { transform: translateY(-2px); color: #fff; }

/* Price highlight CTA */
.price-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;margin-top:20px; margin-bottom:40px; padding:24px 28px;background:linear-gradient(135deg,#1a4499 0%,#2f6bd8 100%);border:none;border-left:4px solid #3d97ff;border-radius:14px;box-shadow:0 22px 46px -24px rgba(11,43,99,.55)}
.price-cta p{margin:0 !important;font-size:15.5px;font-weight:600;color:#fff;line-height:1.6;flex:1 1 320px}
.price-cta__btn{display:inline-flex;align-items:center;gap:10px;padding: 11px 22px;border-radius:50px;background:#fff;color:var(--tj-color-theme-dark);font-weight:600;font-size: 13.5px;white-space:nowrap;box-shadow:0 14px 28px -14px rgba(0,0,0,.4);transition:all .3s ease}
.price-cta__btn svg { width: 16px; height: 16px; }
.price-cta__btn:hover{transform:translateY(-2px);color:var(--tj-color-theme-primary)}

/* Sidebar CTA card */
.sidebar-card--cta { background: linear-gradient(150deg, #0d4bb0 0%, #1b62c9 100%); border: none; box-shadow: 0 22px 46px -24px rgba(13, 75, 176, 0.45); }
.sidebar-card--cta .sidebar-btn { background: #fff; color: #0a5dcc; box-shadow: 0 12px 24px -14px rgba(0, 0, 0, 0.3); }
.sidebar-card--cta .sidebar-btn:hover { color: #255089; }
.sidebar-card--cta .sidebar-card__title { color: #fff; border-bottom-color: rgba(255, 255, 255, 0.18); }
.sidebar-card__text { font-size: 14px; line-height: 1.6; color: rgba(255, 255, 255, 0.82); margin: 0 0 18px; }
/* card hover — flip content to white on the product gradient */
.app-item:hover > span:last-child { color: #fff; }
.grade-card:hover h3 { color: #f13e4f;}
.grade-card:hover p { color: rgba(255, 255, 255, 0.85); }
.grade-card:hover .grade-card__btn { background: #fff; color: var(--tj-color-theme-dark); box-shadow: none; }
/* sidebar title accent bar */
.sidebar-card__title::before { content: ""; width: 4px; height: 17px; border-radius: 3px; background: linear-gradient(var(--tj-color-theme-primary), #1b3d87); flex-shrink: 0; }
.sidebar-card--cta .sidebar-card__title::before { background: #3d97ff; }
/* grades one column on phones */
@media (max-width: 767px) { .grade-grid { grid-template-columns: 1fr; } }
/* Download file row */
.download-item { display: flex; align-items: center; gap: 14px; padding: 14px 16px; border-radius: 12px; background: linear-gradient(135deg, #061634 0%, #0b2b63 48%, #0a63d8 100%); border: 1px solid transparent; box-shadow: 0 16px 34px -20px rgba(11, 43, 99, 0.55); transition: transform 0.35s ease, box-shadow 0.35s ease; }
.download-item:hover { transform: translateY(-4px); box-shadow: 0 24px 44px -20px rgba(11, 43, 99, 0.65); }
.download-item__file { flex-shrink: 0; width: 42px; height: 42px; border-radius: 10px; display: flex; align-items: center; justify-content: center; background: #fff; color: #0a5dcc; }
.download-item__file svg { width: 22px; height: 22px; }
.download-item__text { display: flex; flex-direction: column; line-height: 1.3; flex: 1; min-width: 0; }
.download-item__text strong { font-size: 14px; color: #ffffff; font-weight: 700; }
.download-item__text span { font-size: 12px; color: rgba(255, 255, 255, 0.72); }
.download-item__dl { flex-shrink: 0; color: #ffffff; display: flex; }
.download-item__dl svg { width: 24px; height: 24px; }
/* Products navigation tree */
.prod-nav { list-style: none; margin: 0; padding: 0; }
.prod-nav__cat { border-bottom: 1px solid #e4eaf3; }
.prod-nav__cat:last-child { border-bottom: none; }
.prod-nav__cat-link { display: flex; align-items: center; gap: 11px; padding: 14px 6px; font-size: 17px; font-weight: 600; color: var(--tj-color-heading-primary); transition: color 0.25s ease; }
.prod-nav__cat-link .cat-ico { width: 19px; height: 19px; color: #d32f2f; flex-shrink: 0; }
.prod-nav__cat-link .chevron { margin-left: auto; width: 15px; height: 15px; color: #aebac9; flex-shrink: 0; transition: transform 0.25s ease, color 0.25s ease; }
.prod-nav__cat-link:hover { color: var(--tj-color-theme-primary); }
.prod-nav__cat-link:hover .chevron { color: var(--tj-color-theme-primary); }
.prod-nav__cat.is-open > .prod-nav__cat-link { color: #0a5dcc; }
.prod-nav__cat.is-open > .prod-nav__cat-link .chevron { transform: rotate(90deg); color: #0a5dcc; }
/* level 2: materials (indented, no guide line) */
.prod-nav__materials { list-style: none; margin: 2px 0 12px; padding: 0 0 0 20px; display: flex; flex-direction: column; gap: 5px; }
.prod-nav__mat-link { display: flex; align-items: center; gap: 10px; padding: 9px 13px; border-radius: 9px; font-size: 14px; font-weight: 500; color: #000000; background: #edf3fc; border: 1px solid #d9e5f7; transition: all 0.25s ease; }
.prod-nav__mat-link::before { content: ""; width: 7px; height: 7px; border-radius: 2px; background: #0a5dcc; flex-shrink: 0; transition: background 0.25s ease; }
.prod-nav__mat-link .chevron { margin-left: auto; width: 13px; height: 13px; transform: rotate(90deg); flex-shrink: 0; }
.prod-nav__mat-link:hover { background: #e9f1fd; border-color: #cfe0f7; color: #0b3373; font-weight: 600;}
.prod-nav__mat-link:hover::before { background: var(--tj-color-theme-primary); }
.is-active-parent > .prod-nav__mat-link { background: #e2ecfb; border-color: #c6d9f7; color: #0a5dcc; font-weight: 700; }
.is-active-parent > .prod-nav__mat-link::before { background: #0a5dcc; }
/* level 3: grades (indented more, no guide line) */
.prod-nav__grades { list-style: none; margin: 4px 0 6px; padding: 0 0 0 10px; display: flex; flex-direction: column; gap: 2px; }
.prod-nav__grades a { display: flex; align-items: center; gap: 9px; padding: 8px 12px 8px 10px; border-radius: 7px; font-size: 14px; color: #000000; transition: all 0.25s ease; }
.prod-nav__grades a::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: #aebac9; flex-shrink: 0; }
.prod-nav__grades a:hover { background: #f0f5fd; color: #0b3a82; font-weight: 500; }
.prod-nav__grades a:hover::before { background: var(--tj-color-theme-primary); }
.prod-nav__grades li.is-active > a { background: linear-gradient(135deg, #0a5dcc, #255089); color: #fff; font-weight: 600; }
.prod-nav__grades li.is-active > a::before { background: #fff; }
.sidebar-card--cta .sidebar-badges { margin-top: 20px; padding-top: 16px; border-top: 1px solid rgba(255, 255, 255, 0.2); }
.sidebar-card--cta .sidebar-badges span { background: rgba(255, 255, 255, 0.14); border-color: rgba(255, 255, 255, 0.3); color: #fff; }
.sidebar-card--cta .sidebar-badges span::before { background: #fff; }
/* Sidebar CTA button: not full-width on tablet (sidebar is stacked & wide there) */
@media (min-width: 768px) and (max-width: 991px) {
  .sidebar-btn { width: auto; min-width: 220px; }
}
/* Applications showcase (new design) */
.app-showcase-section { padding: 26px 0 34px; }
.app-showcase-head { text-align: center; max-width: 640px; margin: 0 auto 34px; }
.app-showcase-head__eyebrow { display: inline-block; font-size: 13px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--tj-color-theme-primary); margin-bottom: 10px; }
.app-showcase-head h2 { font-size: 32px; color: var(--tj-color-heading-primary); margin: 0 0 12px; line-height: 1.2; }
.app-showcase-head p { color: var(--tj-color-text-body); font-size: 16px; line-height: 1.6; margin: 0; }
.app-showcase-head .block-title { justify-content: center; }
.app-showcase { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; overflow-x: clip; overflow-clip-margin: 40px; }
.app-tile { position: relative; overflow: hidden; border-radius: 18px; min-height: 230px; padding: 24px 22px; background: #0b2b63; display: flex; flex-direction: column; justify-content: flex-end; transition: transform 0.4s ease, box-shadow 0.4s ease; }
.app-tile__img { position: absolute; inset: 0; z-index: 0; }
.app-tile__img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; }
.app-tile::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(6, 20, 45, 0.08) 0%, rgba(6, 20, 45, 0.3) 45%, rgba(5, 15, 35, 0.8) 100%); transition: background 0.4s ease; pointer-events: none; }
.app-tile:hover { transform: translateY(-6px); box-shadow: 0 26px 50px -26px rgba(11, 43, 99, 0.7); }
.app-tile:hover .app-tile__img img { transform: scale(1.08); }
.app-tile:hover::before { background: linear-gradient(180deg, rgba(10, 93, 204, 0.18) 0%, rgba(6, 20, 45, 0.38) 45%, rgba(5, 15, 35, 0.85) 100%); }
.app-tile h3 { position: relative; z-index: 2; color: #fff; font-size: 16px; font-weight: 700; margin: 0; line-height: 1.3; text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4); }
@media (max-width: 991px) { .app-showcase { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 767px) {
  .app-showcase { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .app-tile { min-height: 190px; padding: 18px 15px; }
  .app-showcase-head h2 { font-size: 25px; }
}
/* Hide the old (icon-grid) Applications section on mobile - the photo showcase covers it */
@media (max-width: 767px) {
  #applications { display: none; }
}
/* Product hero image narrower + centered on desktop/laptop only */
@media (min-width: 992px) {
  .product-hero__image { width: 85%; margin: 0 auto; }
}
@media (min-width: 1400px) {
  .product-hero__image { width: 100%; }
}
/* Trust badges: hidden on mobile */
@media (max-width: 767px) {
  .product-trust { display: none; }
}
/* CTA card overlaps into the footer (product page only) */
.product-page .product-cta-band { position: relative; z-index: 3; margin-bottom: -150px; padding-bottom: 0; }
.product-page .af-footer-main { padding-top: 200px; }
@media (max-width: 767px) {
  .product-page .product-cta-band { margin-bottom: -100px; }
  .product-page .af-footer-main { padding-top: 150px; }
}
/* Types grid (image + title) */
.types-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 6px; }
.type-card { background: #fff; border: 1px solid #dbe4f0; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border-radius: 14px; overflow: hidden; transition: box-shadow 0.3s ease, transform 0.3s ease; }
.type-card:hover { box-shadow: 0 20px 40px -22px rgba(11, 43, 99, 0.35); transform: translateY(-4px); }
.type-card__img { aspect-ratio: 4 / 3; background: linear-gradient(135deg, #eef3fb, #dbe6f5); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.type-card__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.type-card__img .img-placeholder svg { width: 52px; height: 52px; }
.type-card h3 { font-size: 16px; font-weight: 700; color: var(--tj-color-heading-primary); text-align: center; margin: 0; padding: 15px 12px; }
@media (max-width: 767px) { .types-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; } }
@media (max-width: 479px) { .types-grid { grid-template-columns: repeat(2, 1fr); gap: 20px 12px; } }
/* -------end products-and-material-pg-css---- */

/* ===== Inconel 600 Bars & Rods page styles (merged from inline pp-css) ===== */
/* ===== New product-page design system (scoped, pp- prefix). Nothing here touches main.css or other pages. ===== */
   :root{--pp-b1:#1a4499;--pp-b2:#2f6bd8;--pp-ink:#0f1f3d;--pp-body:#3a4a63;--pp-line:#e4eaf5;--pp-soft:#f5f8fd}
   .pp-section{margin:0 0 58px;scroll-margin-top:100px}
   /* scroll reveal (only hides when JS is on, so no-JS still shows content) */
   .pp-js .pp-reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
   .pp-js .pp-reveal.is-visible{opacity:1;transform:none}
   .pp-reveal[data-d="1"]{transition-delay:.08s}.pp-reveal[data-d="2"]{transition-delay:.16s}.pp-reveal[data-d="3"]{transition-delay:.24s}
   /* heading component */
   .pp-head{display:flex;align-items:center;gap:11px;margin:0 0 26px}
   .pp-hicon{flex-shrink:0;width:27px;height:27px;background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2 22 12 12 22 2 12 12 2Z' fill='%23d32f2f'/><path d='M8.8 12h6.4m0 0-2.6-2.6M15.2 12l-2.6 2.6' stroke='%23ffffff' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center/contain}
   .pp-hicon svg{display:none}
   .product-page .block-title{display:block}
   .product-page .block-title::before{display:inline-block;vertical-align:middle;margin-right:11px}
   .product-page .block-title .g{background:linear-gradient(120deg,var(--pp-b1),var(--pp-b2));-webkit-background-clip:text;background-clip:text;color:transparent}
   .pp-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--pp-b1);margin:0 0 12px}
   .pp-eyebrow::before{content:"";width:26px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--pp-b1),var(--pp-b2))}
   .pp-title{font-size:32px;line-height:1.18;font-weight:800;color:var(--pp-ink);margin:0;letter-spacing:-.01em}
   .pp-title .g{background:linear-gradient(120deg,var(--pp-b1),var(--pp-b2));-webkit-background-clip:text;background-clip:text;color:transparent}
   /* overview */
   .pp-lead{font-size:18px;line-height:1.7;color:var(--pp-ink);font-weight:500;margin:0 0 18px}
   .pp-text{font-size:15.5px;line-height:1.8;color:var(--pp-body);margin:0 0 16px}
   /* modern specification table */
   @media (max-width:767px){
     .pp-title{font-size:25px}
     .pp-lead{font-size:16px}
   }
   /* ===== Hero + breadcrumb (redesigned) ===== */
   .pp-hero{position:relative;background: linear-gradient(135deg, #315195 0%, #1b3d87 100%);padding:46px 0 56px;overflow:hidden}
   .pp-hero__grid{display:grid;grid-template-columns:1fr 440px;gap:48px;align-items:center}
   .pp-hero__text{text-align:left}
   /* ===== Hero stats panel (replaces quote form) ===== */
   .pp-stats{position:relative;background:radial-gradient(120% 90% at 12% 0%,rgba(37,86,180,.28),transparent 55%),linear-gradient(160deg,#101f3e 0%,#0a1122 100%);border:1px solid rgba(95,150,235,.38);border-radius:16px;padding:20px 18px;overflow:hidden;box-shadow:0 34px 74px -34px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.05)}
   .pp-stats::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(120,170,255,.09) 1px,transparent 1px);background-size:20px 20px;opacity:.6;pointer-events:none}
   .pp-stats::after{content:"";position:absolute;right:-30px;top:-30px;width:170px;height:170px;background:radial-gradient(circle,rgba(47,107,216,.28),transparent 66%);pointer-events:none}
   .pp-stats__c{position:absolute;width:16px;height:16px;border:2px solid #4d9fff;z-index:2;pointer-events:none;filter:drop-shadow(0 0 3px rgba(77,159,255,.7))}
   .pp-stats__c--tl{top:9px;left:9px;border-right:0;border-bottom:0}
   .pp-stats__c--tr{top:9px;right:9px;border-left:0;border-bottom:0}
   .pp-stats__c--bl{bottom:9px;left:9px;border-right:0;border-top:0}
   .pp-stats__c--br{bottom:9px;right:9px;border-left:0;border-top:0}
   .pp-stats__grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr)}
   .pp-stat{display:flex;align-items:center;gap:10px;padding:14px 10px;transition:background .3s ease}
   .pp-stat:hover{background:rgba(60,110,210,.08)}
   .pp-stat:not(:nth-child(3n)){border-right:1px solid rgba(255,255,255,.08)}
   .pp-stat:nth-child(-n+3){border-bottom:1px solid rgba(255,255,255,.08)}
   .pp-stat__ico{flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:linear-gradient(145deg,#1e4fa6,#102a5b);border:1px solid rgba(110,170,255,.6);display:flex;align-items:center;justify-content:center;color:#e3eeff;box-shadow:0 0 0 4px rgba(47,107,216,.08),0 6px 14px -7px rgba(0,0,0,.7);transition:transform .3s ease,box-shadow .3s ease,background .3s ease}
   .pp-stat:hover .pp-stat__ico{background:linear-gradient(145deg,#2f6bd8,#1a4499);box-shadow:0 0 0 5px rgba(47,107,216,.18),0 10px 20px -8px rgba(20,60,150,.9);transform:translateY(-2px)}
   .pp-stat__ico svg{width:20px;height:20px}
   .pp-stat__txt{display:flex;flex-direction:column;min-width:0}
   .pp-stat__k{font-size:10.5px;font-weight:600;color:#8fb2ea;line-height:1.25;letter-spacing:.03em}
   .pp-stat__v{position:relative;font-size:13.5px;font-weight:800;color:#fff;line-height:1.2;padding-bottom:6px}
   .pp-stat__v::after{content:"";position:absolute;left:0;bottom:0;width:16px;height:2px;background:linear-gradient(90deg,#ff3b41,#d81f26);border-radius:2px;box-shadow:0 0 6px rgba(216,31,38,.5);transition:width .3s ease}
   .pp-stat:hover .pp-stat__v::after{width:30px}
   @media(max-width:479px){.pp-stat{padding:12px 7px;gap:7px}.pp-stat__ico{width:34px;height:34px}.pp-stat__v{font-size:12px}}
   @media(max-width:991px){.pp-hero__grid{grid-template-columns:1fr;gap:26px}.pp-stats{max-width:520px}}
   .pp-hero .container{position:relative;z-index:1}
   .pp-crumb{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:9px;padding:8px 16px;border-radius:50px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);font-size:12.5px;font-weight:600}
   .pp-crumb a{color:rgba(255,255,255,.66);display:inline-flex;align-items:center;gap:6px;transition:color .25s ease}
   .pp-crumb a:hover{color:#fff}
   .pp-crumb__home svg{width:14px;height:14px}
   .pp-crumb__sep{display:inline-flex;color:rgba(255,255,255,.32)}
   .pp-crumb__sep svg{width:12px;height:12px}
   .pp-crumb__cur{color:#fff}
   .pp-hero__title{font-size:42px;line-height:1.16;font-weight:800;color:#fff;margin:16px 0 0;letter-spacing:-.01em}
   .pp-hero__title .br{display:block;color:#fff}
   .pp-hero-foot{background:#fff}
   .pp-trust{list-style:none;margin:-40px auto 0;padding:12px;max-width:860px;position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:8px;background:#fff;border:1px solid #e4eaf5;border-radius:18px;box-shadow:0 24px 55px -30px rgba(15,31,61,.45)}
   .pp-trust__item{display:flex;align-items:center;gap:14px;padding:10px 26px;flex:1 1 0;justify-content:center}
   .pp-trust__item:not(:last-child){border-right:1px solid #e4eaf5}
   .pp-trust__icon{flex-shrink:0;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#e34b4b,#b01d1d);box-shadow:0 8px 18px -6px rgba(211,47,47,.5)}
   .pp-trust__icon svg{width:26px;height:26px}
   .pp-trust__text{display:flex;flex-direction:column;line-height:1.25;text-align:left}
   .pp-trust__text strong{font-size:16px;color:var(--pp-ink);font-weight:700}
   .pp-trust__text span{font-size:13px;color:var(--pp-body)}
   /* overview image floated left (2 paras before, 2 after) */
   .pp-ov-fig{margin:8px 0 26px;border-radius:16px;overflow:hidden;box-shadow:0 24px 50px -28px rgba(15,31,61,.42);border:1px solid var(--pp-line);background:var(--pp-soft)}
   .pp-ov-fig img{display:block;width:100%;height:auto}
      @media(max-width:767px){
     .pp-hero__title{font-size:27px;margin-top:14px}
     .pp-hero{padding:30px 0 34px}
     .pp-trust{flex-direction:column;gap:0;padding:6px 18px;max-width:340px;margin-top:-30px}
     .pp-trust__item{padding:14px 6px;justify-content:flex-start}
     .pp-trust__item:not(:last-child){border-right:0;border-bottom:1px solid #e4eaf5}
   }
   /* ===== Specifications v2 (banner style) ===== */
   .pp-spec2-wrap{position:relative;background:linear-gradient(135deg,#f4f8ff,#eaf1fb);border:1px solid #e4eaf5;border-radius:20px;padding:24px;overflow:hidden}
   .pp-spec2-wrap::before{content:"";position:absolute;top:-6px;right:-6px;width:170px;height:110px;background-image:radial-gradient(rgba(26,68,153,.16) 1.4px,transparent 1.4px);background-size:14px 14px;opacity:.55;pointer-events:none}
   .pp-spec2{position:relative;display:flex;flex-direction:column;gap:12px}
   .pp-spec2__row{position:relative;display:grid;grid-template-columns:35% 1fr;min-height:74px}
   .pp-spec2__detail{grid-column:1 / -1;grid-row:1;display:flex;align-items:center;padding:12px 30px 12px calc(36% + 34px);background:#fff;border-radius:12px;box-shadow:0 12px 28px -20px rgba(15,31,61,.4);color:#000;font-size:15px;line-height:1.5;position:relative}
   .pp-spec2__detail::before{content:"";position:absolute;left:calc(36% + 28px);top:24%;bottom:24%;width:1px;background:#dde5f2}
   .pp-spec2__detail::after{content:"";position:absolute;right:9px;top:15%;bottom:15%;width:6px;border-radius:20px;background:linear-gradient(160deg,#2f6bd8,#1a4499);box-shadow:0 4px 10px -4px rgba(26,68,153,.45)}
   .pp-spec2__tag{grid-column:1;grid-row:1;position:relative;display:flex;align-items:center;gap:15px;padding:0 16px;background:linear-gradient(135deg,#123a8f,#2f6bd8);border-radius:12px 0 0 12px;z-index:2}
   .pp-spec2__tag::before{content:"";position:absolute;left:100%;top:0;bottom:0;width:22px;background:#e23b3b;clip-path:polygon(0 0,100% 50%,0 100%);transform:translateX(4px)}
   .pp-spec2__tag::after{content:"";position:absolute;left:100%;top:0;bottom:0;width:22px;background:#2f6bd8;clip-path:polygon(0 0,100% 50%,0 100%)}
   .pp-spec2__ico{flex-shrink:0;width:52px;height:52px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--pp-b1);position:relative;box-shadow:0 6px 14px -6px rgba(0,0,0,.35)}
   .pp-spec2__ico::before{content:"";position:absolute;inset:5px;border-radius:50%;border:1.5px dashed rgba(26,68,153,.3)}
   .pp-spec2__ico svg{width:26px;height:26px;position:relative}
   .pp-spec2__label{color:#fff;font-weight:800;font-size:15.5px;line-height:1.2}
   @media(max-width:767px){
     .pp-spec2-wrap{padding:12px;border-radius:16px}
     .pp-spec2__row{grid-template-columns:1fr;min-height:0}
     .pp-spec2__tag{grid-row:1;padding:12px 16px;border-radius:12px 12px 0 0}
     .pp-spec2__tag::before,.pp-spec2__tag::after{display:none}
     .pp-spec2__ico{width:44px;height:44px}
     .pp-spec2__detail{grid-column:1;grid-row:2;padding:14px 18px;border-radius:0 0 12px 12px}
     .pp-spec2__detail::before{display:none}
     .pp-spec2__detail::after{left:0;right:0;top:auto;bottom:0;width:auto;height:5px}
   }
   /* ===== Moderate motion: staggered rows + subtle image parallax ===== */
   .pp-js .pp-reveal--x{transform:translateX(-40px)}
   .pp-js .pp-reveal--xr{transform:translateX(40px)}
   .pp-js .pp-reveal--dn{transform:translateY(-40px)}
   .pp-js .pp-reveal--up{transform:translateY(40px)}
   .app-showcase>.pp-reveal:nth-child(1){transition-delay:.04s}
   .app-showcase>.pp-reveal:nth-child(2){transition-delay:.10s}
   .app-showcase>.pp-reveal:nth-child(3){transition-delay:.16s}
   .app-showcase>.pp-reveal:nth-child(4){transition-delay:.22s}
   .app-showcase>.pp-reveal:nth-child(5){transition-delay:.06s}
   .app-showcase>.pp-reveal:nth-child(6){transition-delay:.12s}
   .app-showcase>.pp-reveal:nth-child(7){transition-delay:.18s}
   .app-showcase>.pp-reveal:nth-child(8){transition-delay:.24s}
   .app-tile.pp-reveal.is-visible:hover{transform:translateY(-6px);transition-duration:.35s}
   .pp-js .app-tile.pp-reveal{transition-duration:1.3s}
   .pp-js .pp-wcu-scene.pp-reveal{transition-duration:1.3s}
   .pp-js .pp-wcu-scene.pp-reveal--x:not(.is-visible){transform:translateX(-80px)}
   .pp-js .pp-wcu-scene.pp-reveal--xr:not(.is-visible){transform:translateX(80px)}
   .pp-spec2__row.pp-reveal--x:nth-child(1){transition-delay:.04s}
   .pp-spec2__row.pp-reveal--x:nth-child(2){transition-delay:.10s}
   .pp-spec2__row.pp-reveal--x:nth-child(3){transition-delay:.16s}
   .pp-spec2__row.pp-reveal--x:nth-child(4){transition-delay:.22s}
   .pp-spec2__row.pp-reveal--x:nth-child(5){transition-delay:.28s}
   .pp-spec2__row.pp-reveal--x:nth-child(6){transition-delay:.34s}
   .pp-spec2__row.pp-reveal--x:nth-child(7){transition-delay:.40s}
   @keyframes pp-parallax{from{transform:translateY(-5%) scale(1.08)}to{transform:translateY(5%) scale(1.08)}}
   @media (min-width:768px) and (prefers-reduced-motion:no-preference){
     @supports (animation-timeline:view()){
       .pp-ov-fig img{animation:pp-parallax linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
     }
   }
   /* ===== motion: pop cards + table-row cascade ===== */
   .pp-js .pp-reveal--pop{transform:translateY(26px) scale(.94)}
   .pp-js .pp-reveal--row{transform:translateY(16px)}
   .pp-types .pp-tcard.pp-reveal--pop:nth-child(1){transition-delay:.04s}
   .pp-types .pp-tcard.pp-reveal--pop:nth-child(2){transition-delay:.10s}
   .pp-types .pp-tcard.pp-reveal--pop:nth-child(3){transition-delay:.16s}
   .pp-types .pp-tcard.pp-reveal--pop:nth-child(4){transition-delay:.22s}
   .pp-types .pp-tcard.pp-reveal--pop:nth-child(5){transition-delay:.28s}
   .pp-types .pp-tcard.pp-reveal--pop:nth-child(6){transition-delay:.34s}
   .pp-reveal--row:nth-child(1){transition-delay:.03s}
   .pp-reveal--row:nth-child(2){transition-delay:.08s}
   .pp-reveal--row:nth-child(3){transition-delay:.13s}
   .pp-reveal--row:nth-child(4){transition-delay:.18s}
   .pp-reveal--row:nth-child(5){transition-delay:.23s}
   .pp-reveal--row:nth-child(6){transition-delay:.28s}
   .pp-reveal--row:nth-child(7){transition-delay:.33s}
   .pp-reveal--row:nth-child(8){transition-delay:.38s}
   .pp-reveal--row:nth-child(9){transition-delay:.43s}
   .pp-reveal--row:nth-child(10){transition-delay:.48s}
         /* ===== Data table (reusable template) ===== */
   .pp-table-wrap{border-radius:14px;overflow:hidden;border:1px solid #cdd9ee;box-shadow:0 18px 44px -30px rgba(15,31,61,.35);margin:20px 0 24px}
   .pp-table{width:100%;border-collapse:separate;border-spacing:3px;font-size:14.5px}
   .pp-table thead th{background:#1552c0;color:#fff;font-weight:700;text-align:center;padding:17px 22px;font-size:13.5px;letter-spacing:.02em}
   .pp-table tbody td{padding: 8px 22px;text-align:center;color:var(--pp-ink);border:1px solid #aeaeae;}
   .pp-table tbody td:first-child{font-weight:700}
   .pp-table tbody tr:hover td{background:#f1f6ff}
   @media(max-width:767px){.pp-table thead th{padding:12px 12px}.pp-table tbody td{padding:12px 12px}}
   #types{margin-bottom:62px}
   /* ===== Types cards (product-style) ===== */
   .pp-types{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:6px}
   .pp-tcard{position:relative;background:#fff;border: 2px solid #2f6bd8;border-radius:18px;overflow:hidden;box-shadow:0 20px 44px -30px rgba(15,31,61,.4);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
   .pp-tcard:hover{border-color:#2f6bd8;transform:translateY(-6px);box-shadow:0 34px 60px -26px rgba(15,31,61,.5)}
   .pp-tcard__stage{position:relative;aspect-ratio:16/11;background:linear-gradient(160deg,#ffffff 0%,#e9f0fb 100%);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:12px}
   .pp-tcard__stage::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(26,68,153,.12) 1.2px,transparent 1.2px);background-size:16px 16px;opacity:.6;pointer-events:none;z-index:1}
   .pp-tcard__stage::after{content:"";position:absolute;right:-46px;bottom:-46px;width:160px;height:160px;background:radial-gradient(circle,rgba(47,107,216,.16),transparent 68%);pointer-events:none;z-index:1}
   .pp-tcard__img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;display:block}
   .pp-tcard__num{position:absolute;top:0;left:0;z-index:2;min-width:50px;text-align:center;padding:8px 14px;background:linear-gradient(135deg,#1a4499,#2f6bd8);color:#fff;font-size:20px;font-weight:800;line-height:1;letter-spacing:.02em;border-radius:0 0 14px 0;box-shadow:0 8px 18px -8px rgba(0,0,0,.6)}
   .pp-tcard__foot{position:relative;display:flex;align-items:center;padding:15px 20px}
   .pp-tcard__meta{display:flex;flex-direction:column;min-width:0}
   .pp-tcard__ey{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#2f6bd8;margin-bottom:2px}
   .pp-tcard__name{font-size:17px;font-weight:800;color:#0f1f3d;line-height:1.15}
   .pp-tcard__foot::after{content:"";position:absolute;right:0;bottom:0;width:0;height:0;border-style:solid;border-width:0 0 42px 42px;border-color:transparent transparent #2f6bd8 transparent}
   @media(max-width:767px){.pp-types{grid-template-columns:repeat(2,1fr);gap:14px}.pp-tcard__name{font-size:16px}}
                        /* ===== Why Choose Us (stacked full-width boxes) ===== */
   .pp-wcu-stack{position:relative;overflow-x:clip;overflow-clip-margin:60px;display:grid;grid-template-columns:1fr;gap:22px;align-items:start}
   /* 3D flip-box hover: box tilts back from top, top "lid" face appears */
   .pp-wcu-scene{position:relative;perspective:1150px;margin-bottom:0}
   .pp-wcu-scene:last-child{margin-bottom:0}
   .pp-wcu-rot{position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.7,.15,1)}
   .pp-wcu-box__lid{position:absolute;left:0;right:0;bottom:100%;height:158px;transform-origin:bottom center;transform:rotateX(90deg);border-radius:18px 18px 0 0;background:radial-gradient(circle at 22% 42%,rgba(47,107,216,.14),transparent 42%),radial-gradient(circle at 74% 60%,rgba(216,31,38,.11),transparent 44%),linear-gradient(180deg,#eef3fb 0%,#dbe6fa 100%);opacity:0;transition:opacity .45s ease;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}
   .pp-wcu-box__lid::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(26,68,153,.18) 1.5px,transparent 1.5px);background-size:17px 17px;opacity:.8}
   .pp-wcu-box__lid::after{content:"";position:absolute;left:0;right:0;bottom:0;height:22px;background:linear-gradient(180deg,transparent,rgba(15,31,61,.22))}
   @media(hover:hover) and (min-width:768px){
     .pp-wcu-scene:hover{z-index:5}
     .pp-wcu-scene:hover .pp-wcu-rot{transform:translateY(-8px) rotateX(27deg)}
     .pp-wcu-scene:hover .pp-wcu-box{box-shadow:0 52px 72px -26px rgba(15,31,61,.5)}
     .pp-wcu-scene:hover .pp-wcu-box__lid{opacity:1}
   }
   @media(prefers-reduced-motion:reduce){.pp-wcu-scene:hover .pp-wcu-rot{transform:none}}
   .pp-wcu-box{display:flex;align-items:stretch;background:#fff;border:1px solid var(--pp-line);border-radius:18px;overflow:hidden;position:relative;z-index:2;min-height:126px;box-shadow:0 24px 50px -34px rgba(15,31,61,.3)}
   .pp-wcu-box:not(:last-child){margin-bottom:22px}
   .pp-wcu-box::before{content:"";position:absolute;left:0;top:0;bottom:0;width:34%;background:#d81f26;clip-path:polygon(0 0,calc(100% - 38px) 0,100% 50%,calc(100% - 38px) 100%,0 100%);transform:translateX(5px);z-index:1}
   .pp-wcu-box__media{position:relative;z-index:2;flex:0 0 34%;display:flex;align-items:center;justify-content:center;background:linear-gradient(130deg,#0f2f73 0%,#1a4499 55%,#2f6bd8 100%);clip-path:polygon(0 0,calc(100% - 38px) 0,100% 50%,calc(100% - 38px) 100%,0 100%)}
   .pp-wcu-box__media::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.14) 1.3px,transparent 1.3px);background-size:15px 15px;opacity:.5;pointer-events:none}
   .pp-wcu-box__num{position:absolute;top:11px;left:18px;font-size:38px;font-weight:800;line-height:1;color:transparent;-webkit-text-stroke:1.4px rgba(255,255,255,.2)}
   .pp-wcu-box__iconwrap{position:relative;display:flex;transition:transform .4s ease}
   .pp-wcu-box__iconwrap::before{content:"";position:absolute;inset:0;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#d81f26;transform:translate(5px,6px)}
   .pp-wcu-box:hover .pp-wcu-box__iconwrap{transform:translateY(-4px)}
   .pp-wcu-box__icon{position:relative;width:68px;height:76px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(160deg,#fff,#eef3fb);display:flex;align-items:center;justify-content:center;color:#1552c0}
   .pp-wcu-box__icon svg{width:34px;height:34px}
   .pp-wcu-box__body{flex:1;display:flex;flex-direction:column;justify-content:center;padding:20px 40px 20px 48px;position:relative;overflow:hidden;border-right:3px solid #2f6bd8}
   .pp-wcu-box__body::after{content:"";position:absolute;right:0;bottom:0;width:110px;height:72px;background:repeating-linear-gradient(135deg,rgba(216,31,38,.5) 0 3px,transparent 3px 10px);-webkit-mask:linear-gradient(315deg,#000,transparent 72%);mask:linear-gradient(315deg,#000,transparent 72%);pointer-events:none}
   .pp-wcu-box__title{font-size:22px;font-weight:800;color:#0f1f3d;margin:0 0 10px;letter-spacing:-.01em;line-height:1.15}
   .pp-wcu-box__title .hl{color:#d81f26}
   .pp-wcu-box__bar{display:block;width:96px;height:4px;border-radius:4px;background:linear-gradient(90deg,#1a4499,#2f6bd8 60%,rgba(47,107,216,0));margin:0 0 13px}
   .pp-wcu-box__text{font-size:15px;line-height:1.65;color:#141414;margin:0;max-width:560px}
   /* alternate layout: even boxes (2,4,6) mirror — icon panel on the right */
   @media(min-width:768px){
     .pp-wcu-scene:nth-child(even) .pp-wcu-box{flex-direction:row-reverse}
     .pp-wcu-scene:nth-child(even) .pp-wcu-box__media{clip-path:polygon(38px 0,100% 0,100% 100%,38px 100%,0 50%)}
     .pp-wcu-scene:nth-child(even) .pp-wcu-box::before{left:auto;right:0;transform:translateX(-5px);clip-path:polygon(38px 0,100% 0,100% 100%,38px 100%,0 50%)}
     .pp-wcu-scene:nth-child(even) .pp-wcu-box__num{left:auto;right:18px}
     .pp-wcu-scene:nth-child(even) .pp-wcu-box__iconwrap::before{transform:translate(-5px,6px)}
     .pp-wcu-scene:nth-child(even) .pp-wcu-box__body{padding:20px 48px 20px 40px;border-right:none;border-left:3px solid #2f6bd8}
     .pp-wcu-scene:nth-child(even) .pp-wcu-box__body::after{right:auto;left:0;background:repeating-linear-gradient(45deg,rgba(216,31,38,.5) 0 3px,transparent 3px 10px);-webkit-mask:linear-gradient(45deg,#000,transparent 72%);mask:linear-gradient(45deg,#000,transparent 72%)}
   }
   @media(max-width:991px){.pp-wcu-box__title{font-size:22px}.pp-wcu-box__body{padding:22px 32px 22px 44px}.pp-wcu-box__media{flex-basis:32%}.pp-wcu-box::before{width:32%}}
   @media(max-width:767px){
     .pp-wcu-stack{grid-template-columns:1fr 1fr;gap:14px}
     .pp-hero__title .br{display: inline-flex;}
     .pp-wcu-box{flex-direction:column;min-height:0; height: 58vh !important;}
         .pp-wcu-box__body {
        padding: 20px 12px 18px;
        justify-content: start !important;
    }
     .pp-wcu-box::before{display:none}
     .pp-wcu-box__media{flex:0 0 auto;padding:20px 0 16px;clip-path:none}
     .pp-wcu-box__num{font-size:30px;top:8px;left:12px}
     .pp-wcu-box__icon{width:60px;height:68px}
     .pp-wcu-box__icon svg{width:30px;height:30px}
     .pp-wcu-box__body{padding:16px 16px 20px;border-right:none}
     .pp-wcu-box__title{font-size:16px}
     .pp-wcu-box__bar{width:70px;margin-bottom:10px}
     .pp-wcu-box__text{font-size:12.5px;line-height:1.55}
     .pp-tcard__num {font-size: 14px;}
     .pp-tcard__stage { aspect-ratio: 4 / 5;}
     
   }
   @media(max-width:400px){.pp-wcu-stack{gap:10px}.pp-wcu-box__body{padding:14px 12px 18px}.pp-wcu-box__title{font-size:15px} .pp-wcu-box {height: 57vh !important;}}
   /* ===== Responsive polish: mini-desktop / laptop / tablet / mobile ===== */
   .product-page .af-contact-text a,.product-page .topbar_infos .info_item a{white-space:nowrap}
   @media(max-width:1200px){.pp-hero__title{font-size:38px}}
   @media(min-width:992px) and (max-width:1440px){.pp-hero__title .br{display:inline}}
   @media(max-width:991px){.pp-hero__title{font-size:34px}.pp-section{margin-bottom:48px}#types{margin-bottom:48px}.pp-hero{padding:40px 0 46px}}
   @media(max-width:767px){.pp-hero__title{font-size:27px}.pp-section{margin-bottom:40px}#types{margin-bottom:40px}}
   @media(max-width:400px){
     .pp-stats__grid{grid-template-columns:repeat(2,1fr)}
     .pp-stat:not(:nth-child(3n)){border-right:0}
     .pp-stat:nth-child(-n+3){border-bottom:0}
     .pp-stat:not(:nth-child(2n)){border-right:1px solid rgba(255,255,255,.08)}
     .pp-stat:nth-child(-n+4){border-bottom:1px solid rgba(255,255,255,.08)}
   }

/* ===== Bars & Rods category listing (bars-rods.html) ===== */
.br-grade-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.br-cat{display:flex;min-height:190px;background:#fff;border:1px solid #cfe0f5;border-radius:18px;overflow:hidden;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.br-cat:hover{transform:translateY(-6px);box-shadow:0 34px 60px -28px rgba(15,31,61,.55);border-color:#2f6bd8}
.br-cat__media{position:relative;flex:0 0 40%;overflow:hidden;background:#0b1730}
.br-cat__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.br-cat:hover .br-cat__media img{transform:scale(1.07)}
.br-cat__body{position:relative;overflow:hidden;flex:1;min-width:0;display:flex;flex-direction:column;padding:16px 20px 14px;background:radial-gradient(160px 150px at 100% 0,rgba(47,107,216,.16),transparent 68%),linear-gradient(155deg,#e7effb 0%,#f3f8ff 55%,#ffffff 100%)}
.br-cat__body::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(135deg,#123a8f 0%,#2f6bd8 100%);transform:translateX(-101%);transition:transform .55s cubic-bezier(.4,.7,.2,1)}
.br-cat:hover .br-cat__body::before{transform:translateX(0)}
.br-cat__body>*{position:relative;z-index:1}
.br-cat__title{transition:color .4s ease,border-color .4s ease}
.br-cat:hover .br-cat__title,.br-cat:hover .br-cat__title a{color:#fff}
.br-cat:hover .br-cat__title{border-bottom-color:rgba(255,255,255,.3)}
.br-cat:hover .br-cat__list a{color:rgba(255,255,255,.9)}
.br-cat:hover .br-cat__list a:hover{color:#fff}
.br-cat:hover .br-cat__list li:not(:last-child){border-bottom-color:rgba(255,255,255,.2)}
.br-cat__title{margin:0 0 10px;padding:0 0 11px;border-bottom:2px solid #dbe6fa;color:#123a8f;font-size:18px;font-weight:800;letter-spacing:-.01em;line-height:1.25;display:flex;align-items:center;gap:9px}
.br-cat__title::before{content:"";flex-shrink:0;width:20px;height:20px;background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2 22 12 12 22 2 12 12 2Z' fill='%23d32f2f'/><path d='M8.8 12h6.4m0 0-2.6-2.6M15.2 12l-2.6 2.6' stroke='%23ffffff' stroke-width='1.7' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center/contain}
.br-cat__title a{color:inherit}
.br-cat__title a:hover{color:#1a4499}
.br-cat__list{list-style:none;margin:0;padding:0}
.br-cat__list li:not(:last-child){border-bottom:1px dashed #d3e2f6}
.br-cat__list a{display:flex;align-items:center;gap:9px;padding:8px 2px;font-size:13.5px;font-weight:600;color:#3a4a63;transition:color .2s ease,gap .2s ease}
.br-cat__list a::before{content:"";flex-shrink:0;width:12px;height:12px;background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2 22 12 12 22 2 12 12 2Z' fill='%23d32f2f'/></svg>") no-repeat center/contain}
.br-cat__list a:hover{color:#1a4499;gap:13px}
@media(max-width:991px){.br-grade-grid{grid-template-columns:1fr;gap:40px}}
@media(max-width:479px){.br-cat{flex-direction:column;min-height:0}.br-cat__media{flex:0 0 auto;aspect-ratio:16/9}}


/* ===== Specification table (Inconel bars & rods page) ===== */
.pp-spectbl-wrap{border:1px solid #dbe4f2;border-radius:14px;overflow:hidden;box-shadow:0 18px 44px -30px rgba(15,31,61,.3)}
.pp-spectbl{width:100%;border-collapse:collapse}
.pp-spectbl thead th{text-align:left;padding:15px 24px;background:linear-gradient(135deg,#1a4499,#2f6bd8);color:#fff;font-weight:800;font-size:13.5px;letter-spacing:.04em;text-transform:uppercase}
.pp-spectbl thead th:first-child{width:32%}
.pp-spectbl tbody td{padding:14px 24px;border-top:1px solid #e9eef7;color:#3a4a63;line-height:1.6;vertical-align:top;font-size:14.5px}
.pp-spectbl tbody td:first-child{font-weight:700;color:#0f1f3d}
.pp-spectbl tbody tr:hover td{background:#f5f8fd}
.pp-sp-lbl{display:flex;align-items:center;gap:11px}
.pp-spectbl__ico{flex-shrink:0;width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,#eaf1fc,#dbe6fa);display:inline-flex;align-items:center;justify-content:center;color:#1552c0}
.pp-spectbl__ico svg{width:18px;height:18px}

@media(max-width:575px){.pp-spectbl thead th,.pp-spectbl tbody td{padding:11px 14px;font-size:13px}.pp-spectbl tbody td:first-child{width:42%}}

/* ===== Sub-headings / notes / formula (size & weight sections) ===== */
.pp-subhead{font-size:20px;font-weight:800;color:#0f1f3d;margin:28px 0 12px;letter-spacing:-.01em}
.pp-note{font-size:14px;line-height:1.65;color:#4a5a72;background:#f2f7fd;border-left:3px solid #2f6bd8;border-radius:8px;padding:13px 16px;margin:18px 0 0}
.pp-formula{display:inline-flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:15px;color:#0f1f3d;background:#f2f6fc;border:1px solid #dbe6fa;border-radius:10px;padding:10px 16px;margin:8px 0 0}
.pp-formula strong{font-weight:800;color:#1a4499}
.pp-formula code{font-family:'Courier New',ui-monospace,monospace;font-size:14.5px;font-weight:700;color:#0f1f3d;background:#fff;border:1px solid #e4eaf5;border-radius:6px;padding:4px 11px}
@media(max-width:600px){.pp-table-wrap{overflow-x:auto}}

/* ===== Testing & Certifications (icon-card grid) ===== */
.pp-test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
.pp-test-item{position:relative;display:flex;align-items:center;gap:15px;padding:18px 20px 18px 24px;background:linear-gradient(150deg,#f5f9ff,#ffffff);border:1px solid #dbe6fa;border-radius:14px;box-shadow:0 14px 34px -26px rgba(15,31,61,.4);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.pp-test-item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(#e23b3b,#b01d1d)}
.pp-test-item:hover{transform:translateY(-4px);box-shadow:0 26px 46px -26px rgba(15,31,61,.5);border-color:#2f6bd8}
.pp-test-item__ico{flex-shrink:0;width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,#1a4499,#2f6bd8);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 18px -8px rgba(26,68,153,.6)}
.pp-test-item__ico svg{width:23px;height:23px}
.pp-test-item__txt{font-size:15px;font-weight:700;color:#0f1f3d;line-height:1.35}
@media(max-width:900px){.pp-test-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.pp-test-grid{grid-template-columns:1fr}}

/* swamini css */
 .br-cat__body::before{
         transition: transform .45s cubic-bezier(.4,0,.2,1) !important;
      }
      .br-cat__title{
         transition: color .45s cubic-bezier(.4,0,.2,1),
                     border-color .45s cubic-bezier(.4,0,.2,1) !important;
      }
      .br-cat__title a,
      .br-cat__title a:hover{
         color: #123a8f !important;
         transition: color .45s cubic-bezier(.4,0,.2,1) !important;
      }
      .br-cat__list a{
         transition: color .45s cubic-bezier(.4,0,.2,1),
                     gap .25s cubic-bezier(.4,0,.2,1) !important;
      }
      .br-cat__list li:not(:last-child){
         transition: border-color .45s cubic-bezier(.4,0,.2,1) !important;
      }
      .br-cat{
         transition: transform .45s cubic-bezier(.4,0,.2,1),
                     box-shadow .45s cubic-bezier(.4,0,.2,1),
                     border-color .45s cubic-bezier(.4,0,.2,1) !important;
      }
      .br-cat__media img{
         transition: transform .45s cubic-bezier(.4,0,.2,1) !important;
      }

      .br-cat:hover .br-cat__title,
      .br-cat:hover .br-cat__title a,
      .br-cat:hover .br-cat__title a:hover{
         color: #fff !important;
      }
      /* swamini css ends */