/* main.css - unused rules purged against all 137 pages + assets/js/*.js.
 * Regenerate after adding markup that uses new classes, or those rules will
 * already have been stripped. Previous state kept as main.css.pass3.bak.
 */
/*--------------- 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;
}
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;
}
.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 */
@-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;
}
.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 */
/* !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-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-widget-overlay {
  background: #aaa;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
}
/* START: Page Header CSS */
/* !END: Page Header CSS */
/* START: Hero CSS */
/* !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;
}
@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;
}
/* --br-bottom-left used to be set and scrubbed by GSAP. It is now a plain
   CSS transition triggered by .br-revealed, which main.js adds via
   IntersectionObserver when the section scrolls into view. Declaring the
   start value here means the radius is correct before any JS runs. */
.tj-about-section {
  --br-bottom-left: 0px;
}

.tj-about-section.br-revealed {
  --br-bottom-left: 410px;
}

.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: border-radius 1.2s cubic-bezier(0.22, 1, 0.36, 1);
  transition: border-radius 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

@media (prefers-reduced-motion: reduce) {
  .tj-about-section::before {
    -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;
  }
}
.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 */
.tj-post-meta ul li a.active {
  color: var(--tj-color-common-white);
  background: var(--tj-color-theme-primary);
  border-color: var(--tj-color-theme-primary);
}
/* !END: Blog CSS */
/* START: Blog Details CSS */
/* !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;
}
/* !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 */
/* !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 */
/* !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 */
/* START: Home 6 Testimonial CSS */
/* START: Home 6 Team CSS */
.h6-tab-content {
  display: none;
}
.h6-tab-content.active {
  display: block;
}
/* 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 */
/* !END: H6 Marquee CSS */
/* START: H6 Projects CSS */
.h6-project-section {
  /* clip, not hidden: `overflow: hidden` makes this a scroll container, which
     would stop the sticky product cards below from ever sticking. `clip` gives
     the same visual clipping without creating one. */
  overflow: clip;
}

/* The stacked product cards were pinned by ScrollTrigger with
   pin: true / pinSpacing: false, which is precisely position: sticky.
   Doing it in CSS removes the scroll-linked layout work GSAP was doing
   on every frame. Browsers without `overflow: clip` simply scroll the
   cards normally - the stacking is decorative. */
.h6-project-item.project-stack {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.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;
}
@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) */
/* 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__title a {
  color: inherit;
  text-decoration: none;
  transition: color 0.25s ease;
  display: inline;
}
.h6-project-item.product-v2 .product-cat__title a:hover {
  color: #6f9bff;
}
.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);
}
/* 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 */
/* !END: Hero CSS */
/* START: About CSS */
/* !END: About CSS */
/* START: Header CSS */
/* !END: Header CSS */
/* START: Footer CSS */
/* !END: Footer CSS */
/* START: Hero CSS */
.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 */
/* ---------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: auto;
  object-fit: contain;
}
.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;
}
@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; }
  /* 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-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 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .tj-counter-section {
    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; }
/* Product page left column: keep every content h2 at one size (matches .pp-title) */
.product-page .product-main .block-title { font-size: 32px; }
@media (max-width: 767px) { .product-page .product-main .block-title { font-size: 25px; } }
.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)}
.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-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 */
/* Applications icon grid */
/* Why choose us — icon straddles the top edge; blue gradient slides in on hover */
/* 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-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 { flex-direction: column; align-items: flex-start; gap: 22px; padding: 34px 24px; }
  .cta-band__text { max-width: 100%; }
  .cta-band__text h2 { font-size: 22px; }
  .cta-band__text .head { font-size: 24px; }
  .cta-band__text p { margin-bottom: 0; }
  .cta-badge { width: 112px; height: 112px; align-self: center; }
  .cta-badge__arrow { width: 42px; height: 42px; }
  .cta-badge__arrow svg { width: 19px; height: 19px; }
}
/* 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; }

/* 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 */
.grade-card:hover h3 { color: #f13e4f;}
.grade-card:hover p { color: rgba(255, 255, 255, 0.85); }
/* 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) */
/* -------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-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-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}
   }
   /* ===== 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}
   /* 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}
   }
   /* ===== 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) ===== */

/* ===== Sub-headings / notes / formula (size & weight sections) ===== */
.pp-subhead{font-size:20px;font-weight:800;color:#0f1f3d;margin:28px 0 12px;letter-spacing:-.01em}
@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 */