@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
/* font-family: "Montserrat", sans-serif; */

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

:root {
  --scroll-behavior: smooth;
  --default-font: "Montserrat", sans-serif;
  --max-card-height: 600;
  --min-card-height: 350;
}

html {
  scroll-behavior: var(--scroll-behavior);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  margin: 0;
  padding: 0;
  font-family: var(--default-font);
  height: auto;
  width: 100%;
  font-style: normal;
  font-weight: 400;
  color: #ffffffcd;
  background-color: #04011c;
  font-size: 16px;
  line-height: 1.5;
}

img {
  max-width: 100%;
}

b,
strong {
  font-weight: 600;
}

p {
  margin: 0 0 25px 0;
}

p:last-child {
  margin-bottom: 0;
}

h1,
.h1-heading,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 25px 0;
  font-weight: 500;
  color: #fff;
  line-height: 1.2em;
  padding: 0;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
  margin-bottom: 0;
}

.h1-heading,
h1 {
  font-size: 52px;
  text-transform: capitalize;
  color: #ffffff;
  line-height: 1;
}

h1 span {
  color: #a680f1;
}

h2 {
  font-size: 60px;
  font-weight: 400;
  margin: 0 0 15px 0;
  text-transform: capitalize;
}

h2 span {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  --gradient-color-1: #ffffff;
  --gradient-color-2: #8980f1;
  --gradient-location-1: 0%;
  --gradient-location-2: 100%;
  background-color: transparent;
  background-image: linear-gradient(
    90deg,
    var(--gradient-color-1) var(--gradient-location-1),
    var(--gradient-color-2) var(--gradient-location-2)
  );
}

h3 {
  font-size: 20px;
  margin: 0 0 17px;
}

h4 {
  font-size: 22px;
}

h5 {
  font-size: 20px;
}

ul,
ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

a {
  margin: 0;
  padding: 0;
  font-weight: 500;
  font-size: 16px;
  color: #00000099;
  text-decoration: none;
  outline: none;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

a:hover {
  color: #000;
}

.cmn-hd {
  margin-bottom: 50px;
}

.cmn-hd:last-child {
  margin-bottom: 0px;
}

.cmn-btn {
  display: inline-flex;
  min-width: 158px;
  align-items: center;
  color: #fff;
  text-align: center;
  padding: 14px 17px;
  font-size: 13px;
  font-weight: 500;
  border-radius: 44px;
  justify-content: center;
  gap: 5px;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  border: 2px solid #a680f1;
  box-shadow: 0px 0px 11px 8px
    rgba(137.00000000000014, 128, 240.99999999999997, 0.4) inset;
  --bg-gradient-location-1: 0%;
  --bg-gradient-location-2: 100%;
  background-color: transparent;
  background-image: linear-gradient(
    90deg,
    var(--wgl-bg-gradient-primary) var(--bg-gradient-location-1),
    var(--wgl-bg-gradient-secondary) var(--bg-gradient-location-2)
  );
  --wgl-bg-gradient-primary: #04011e;
  --wgl-bg-gradient-secondary: #04011e;
}

.cmn-btn span {
  position: relative;
}

.cmn-btn:hover {
  color: #ffffff;
  --wgl-bg-gradient-primary: #a680f1;
  --wgl-bg-gradient-secondary: #8980f1;
}

.cmn-btn span i {
  font-size: 11px;
  transition: all 0.3s ease-in-out;
  transform: rotate(-30deg);
}

.cmn-btn:hover i {
  opacity: 0;
  transform: scaleX(0) rotate(-30deg);
}

.cmn-btn:hover span::before {
  content: "\f105";
  font-family: "fontawesome";
  position: absolute;
  right: 4px;
  top: 5px;
  transform: scaleY(0);
  font-size: 11px;
  color: #ffffff;
  transition: all 0.5s ease-in-out;
}

.cmn-btn:hover span::before {
  top: 2px;
  transform: scaleY(1);
}

.cmn-btn-border {
  color: #ffffff;
  --wgl-bg-gradient-primary: #a680f1;
  --wgl-bg-gradient-secondary: #8980f1;
}

.cmn-btn-border i {
  color: #fff;
}

.cmn-btn-border span::after {
  background-color: #122237;
}

.cmn-btn-border:hover {
  --wgl-bg-gradient-primary: #fff;
  --wgl-bg-gradient-secondary: #fff;
  color: #000;
  background: linear-gradient(90deg, #fff 0%, v#fff 100%);

  background: linear-gradient(90deg, #fff 0%, #fff 100%);
  border-width: var(#fff, 0);
  border-style: solid;
  border-color: #fff;
}

.cmn-btn-border:hover span::before,
.cmn-btn-border:hover {
  color: #06192b;
}

label {
  color: #fff;
  font-weight: 500;
  font-size: 15px;
  display: block;
  line-height: 1;
  margin-bottom: 12px;
}

input[type="password"],
input[type="email"],
input[type="tel"],
input[type="text"] {
  width: 100%;
  background: #15283a;
  font-size: 15px;
  font-weight: 400;
  padding: 10px 20px;
  height: 50px;
  border-radius: 5px;
  border: 1px solid #eeeeee36;
  transition: all 0.3s;
  color: #ffffff;
  outline: none;
}

::placeholder {
  opacity: 1;
  color: #ffffff;
}

select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  height: 50px;
  background-color: #15283a;
  background-image: url(../images/down-arrow.png);
  background-repeat: no-repeat;
  background-position: 97% center;
  background-size: 20px auto;
  border-radius: 5px;
  border: 1px solid #eeeeee36;
  outline: none;
  padding: 10px 20px;
  font-size: 15px;
  font-weight: 400;
  color: #ffffff;
}

/* Hide arrow in IE/Edge */
select::-ms-expand {
  display: none;
}

textarea {
  width: 100%;
  background: #15283a;
  font-size: 15px;
  font-weight: 400;
  padding: 20px;
  border-radius: 5px;
  border: 1px solid #eeeeee36;
  transition: all 0.3s;
  color: #ffffff;
  outline: none;
  resize: none;
  height: 100px;
}

.cmn-gap {
  padding: 100px 0;
  position: relative;
}

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

.container-fluid {
  max-width: 1515px;
  margin: 0 auto;
}

/* header */
.header-top {
  padding: 8px 0px;
  background-image: linear-gradient(-90deg, #04011c 0%, #a680f1 100%);
  margin-bottom: 12px;
}

.hd-top-left-cont ul {
  display: flex;
  align-items: center;
  gap: 30px;
}

.hd-top-left-cont ul li i {
  margin-right: 3px;
  color: #fff;
}

.hd-top-left-cont ul li a,
.hd-top-left-cont ul li {
  font-size: 12px;
  font-weight: 500;
  position: relative;
  color: #fff;
}

.hd-top-left-cont ul li::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 10px;
  background-color: #ffffff65;
  top: 50%;
  right: -15px;
  transform: translateY(-50%);
}

.hd-top-left-cont ul li:last-child::before {
  display: none;
}

.hd-top-left-cont ul li a:hover {
  color: #76b413;
}

.hd-top-left-cont.hd-top-rgt-cont ul {
  justify-content: flex-end;
}

.navbar__right-btn {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 15px;
}

/* banner */

.banner {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 130px 0 20px;
  z-index: 1;
}

.banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: radial-gradient(
    circle,
    rgba(63, 94, 251, 0) 0%,
    rgba(4, 1, 28, 0.71) 33%,
    rgba(4, 1, 28, 1) 87%
  );
}

.banner-video-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -2;
}

.banner-cont {
  width: 95%;
}

/* BEM Block: Banner Slider */
.banner-slider__container {
  padding: 14px;
  border-radius: 24px;
  background-color: #ffffff1a;
}

.banner-slider__out-wrap {
  position: relative;
}
.banner-slider {
  position: relative;
}

/* BEM Elements */
.banner-slider__container {
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
}

.banner-slider__slide {
  background-color: #12181f;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 430px;
  color: #ffffff;
  border: 1px solid #1f2937;
  border-radius: 16px;
  overflow: hidden;
}

.banner-slider__media {
  width: 100%;
  height: 100%;
  display: block;
}

.banner-slider__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Floating Pagination Pill Container */
.banner-slider__pagination-wrapper {
  width: 100%;
}

.banner-slider__pagination-wrapper .swiper-pagination {
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  background-color: #fff;
  display: flex;
  width: max-content;
  align-items: center;
  padding: 7px 10px;
  gap: 5px;
  border-radius: 10px 10px 0 0;
}

/* Swiper Bullets Custom Styling */
.banner-slider__pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #4c4d4f;
  opacity: 1;
  margin: 0 !important;
  transition: all 0.3s ease;
  transform: scale(0.7);
}

.banner-slider__pagination .swiper-pagination-bullet-active {
  background-color: #000000;
  transform: scale(1);
}

/* banner end slider */

.marquee-section {
  overflow: hidden;
  background-image: linear-gradient(-90deg, #04011c 0%, #a680f1 100%);
  padding: 40px 0;
}

.marquee-container {
  display: flex;
  width: max-content;
}

.marquee-track {
  display: flex;
  gap: 40px;
  padding-right: 40px;
}

.marquee-card {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 280px;
  text-align: center;
}

.marquee-card-img {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.marquee-card-img img {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%)
    hue-rotate(293deg) brightness(109%) contrast(101%);
}

.marquee-card-cont h3 {
  font-size: 20px;
  font-weight: 600;
  color: #d8e7ef;
  opacity: 0.7;
  margin: 0;
  white-space: nowrap;
}

.what-we-do .cmn-hd {
  max-width: 800px;
}

.what-we-do-wrap {
  padding-left: 100px;
}

.image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  user-select: none;
  z-index: -2;
}

.inner-contact-wrap {
  background-color: #122237;
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  overflow: hidden;
  z-index: 1;
}

.inner-contact-flex {
  max-width: 1100px;
  margin: 0 auto;
}

.inner-contact-lft {
  text-align: center;
  padding-right: 40px;
}

.inner-contact-lft .sub-hd {
  color: #fff;
}

.inner-contact-lft h2 {
  color: #fff;
}

.inner-contact-lft h2 span {
  color: #cff480;
}

.single-contact {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 26px;
  margin-bottom: 40px;
  position: relative;
}

.contact-icon {
  position: relative;
}

.contact-icon img {
  max-width: 28px;
  height: 28px;
  object-fit: contain;
}

.contact-icon::after {
  content: "";
  position: absolute;
  background-color: #ffffff33;
  left: 37px;
  width: 1px;
  height: 35px;
}

.contact-content span {
  color: #888888;
  font-family: var(--font-poppins);
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  display: block;
  margin-bottom: 14px;
}

.pln-txt,
.contact-content a {
  color: #fff;
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  display: block;
  transition: all 0.5s;
}

.contact-content a:hover {
  color: #cff480;
}

.contact-content {
  text-align: left;
}

.single-contact:last-child {
  margin-bottom: 0;
}

.contact-icon-arrow {
  margin: 40px auto;
  pointer-events: none;
  user-select: none;
}

.inner-contact-rgt {
  background-color: #06192b;
  border-radius: 17px;
  padding: 30px;
}

.inner-contact-rgt .banner-content-btn {
  margin-top: 0;
}

.inner-contact-flex .row {
  align-items: center;
}

.cta-wrap {
  padding: 100px 40px;
  overflow: hidden;
  border-radius: 20px;
  position: relative;
  z-index: 1;
}

.cta-wrap h2 {
  font-size: 70px;
  margin-bottom: 45px;
}

.cta-wrap p {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 40px;
}

.cmn-btn-wht {
  background: #fff;
  box-shadow: none;
  color: #000;
  min-width: 180px;
  padding: 17px 26px;
  font-size: 17px;
  text-transform: capitalize;
  border: none;
}
.cmn-btn-wht:hover {
  background: #000;
  color: #fff;
}

.cmn-btn-wht.cmn-btn:hover span::before {
  top: 6px;
}

.page-footer {
  position: relative;
  background: #08080d;
  overflow: hidden;
  z-index: 1;
}

.footer-logo {
  max-width: 100px;
  display: inline-flex;
}

.footer-top {
  padding: 55px 0 20px;
  border-bottom: 1px solid #ffffff1a;
}

.footer-top-rgt .contact-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 40px;
}

.footer-top-rgt .single-contact {
  margin: 0;
}

.footer-top-rgt .pln-txt,
.footer-top-rgt .contact-content a {
  font-size: 16px;
}

.footer-top .row {
  align-items: center;
}

.page-footer p {
  color: #91a1a7;
  font-size: 14px;
}

.footer-center {
  padding: 100px 0 50px;
}

.hd-social-col {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  border-bottom: 1px solid #fff;
  display: inline-block;
  margin-bottom: 20px;
}

.social-col ul {
  display: flex;
  gap: 50px;
}

.social-col ul li a {
  font-size: 16px;
  color: #91a1a7;
}

.social-col ul li a:hover {
  color: #fff;
}

.ftr-hed {
  font-size: 21px;
  padding: 0 0 12px;
  margin-bottom: 20px;
  font-weight: 600;
  line-height: 1;
  position: relative;
  color: #fff;
}

.ftr-hed::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 85px;
  height: 2px;
  border-radius: 10px;
  background: linear-gradient(
    90.01deg,
    #cff480 0.01%,
    rgba(244, 116, 24, 0) 102.8%
  );
}

.ftr-col-link {
  padding-left: 20px;
}

.ftr-col-link ul li a {
  font-size: 14px;
  line-height: 1;
  color: #91a1a7;
}

.ftr-col-link ul li {
  margin-bottom: 13px;
}

.ftr-col-link ul li:last-child {
  margin-bottom: 0px;
}

.ftr-col-link ul li a:hover {
  color: #fff;
}

.ftr-two-col ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.ftr-two-col ul li {
  margin-bottom: 0px;
}

.footer-btm {
  border-top: 1px solid #ffffff1a;
  padding: 40px 0;
}

.footer-btm p a {
  text-decoration: underline !important;
  color: #fff;
  font-size: 14px;
}

.footer-btm .ftr-col-link ul {
  display: flex;
  gap: 30px;
  justify-content: flex-end;
}

.footer-btm .ftr-col-link ul li {
  margin-bottom: 0px;
}

/* our-products */
.our-products {
  background-color: transparent;
  background-image: linear-gradient(180deg, #ffffff17 0%, #ffffff05 100%);
}
/* sss */
/* =========================================
   OUR PRODUCTS
========================================= */

.our-products {
  position: relative;
  overflow: hidden;
}

/* =========================================
   SLIDER
========================================= */

.myServiceSlider {
  width: 100%;
  overflow: hidden;
  padding-top: 50px;
}

.myServiceSlider .swiper-wrapper {
  align-items: stretch;
}

.myServiceSlider .swiper-slide {
  height: auto;
}

/* =========================================
   SERVICE CARD
========================================= */

.service-card {
  position: relative;

  height: 100%;
  min-height: 545px;

  padding: 22px;
  padding-bottom: 64px;

  border: 1px solid rgba(100, 120, 180, 0.35);
  border-radius: 18px;

  overflow: hidden;

  background: linear-gradient(
    145deg,
    rgba(18, 30, 70, 0.65),
    rgba(5, 8, 24, 0.96)
  );

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 20px 50px rgba(0, 0, 0, 0.15);

  transition:
    transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1),
    border-color 0.4s ease,
    box-shadow 0.4s ease;
}

/* background glow */

.service-card::before {
  content: "";

  position: absolute;

  width: 300px;
  height: 300px;

  top: -140px;
  right: -100px;

  border-radius: 50%;

  background: rgba(80, 120, 255, 0.12);

  filter: blur(50px);

  opacity: 0;

  pointer-events: none;

  transition: opacity 0.5s ease;
}

.service-card:hover {
  transform: translateY(-7px);

  box-shadow:
    0 25px 60px rgba(0, 0, 0, 0.3),
    0 0 35px rgba(80, 120, 255, 0.1);
}

.service-card:hover::before {
  opacity: 1;
}

/* =========================================
   CARD TOP
========================================= */

.service-card-top {
  position: relative;
  z-index: 2;

  display: flex;
  align-items: center;
  justify-content: space-between;

  margin-bottom: 18px;
}

/* =========================================
   NUMBER
========================================= */

.svr-number {
  position: relative;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 50px;
  height: 50px;

  border-radius: 11px;

  font-size: 18px;
  line-height: 1;
  font-weight: 400;

  color: #fff;

  background: linear-gradient(145deg, #164ea5, #173b83);

  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, 0.1),
    0 8px 25px rgba(30, 100, 255, 0.15);
}

/* =========================================
   ICON CIRCLE
========================================= */

.service-icon {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 64px;
  height: 64px;

  border-radius: 50%;

  background: rgba(80, 100, 180, 0.28);

  border: 1px solid rgba(255, 255, 255, 0.08);

  backdrop-filter: blur(10px);

  color: #fff;

  transition:
    transform 0.4s ease,
    background 0.4s ease;
}

.service-icon span {
  font-size: 16px;
  font-weight: 600;
  opacity: 0.7;
}

.service-card:hover .service-icon {
  transform: scale(1.08);
}

/* =========================================
   TITLE
========================================= */

.service-card h3 {
  position: relative;
  z-index: 2;
  font-weight: 500;
  margin: 0 0 10px;

  color: #f7f8ff;

  font-size: 25px;
  line-height: 1.25;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* =========================================
   DESCRIPTION
========================================= */

.service-card p {
  position: relative;
  z-index: 2;

  margin: 0;

  color: rgba(220, 225, 245, 0.78);

  font-size: 16px;
  line-height: 1.7;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

/* =========================================
   IMAGE
========================================= */

.service-image {
  position: relative;
  z-index: 2;

  width: 100%;
  height: 220px;

  margin-top: 25px;

  border-radius: 15px;

  overflow: hidden;

  background: #101528;

  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
}

.service-image img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;

  transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.service-card:hover .service-image img {
  transform: scale(1.045);
}

/* =========================================
   EXPLORE MORE
========================================= */

.btn-more {
  position: absolute;

  left: 22px;
  bottom: 27px;

  z-index: 5;

  display: inline-flex;
  align-items: center;

  gap: 12px;

  color: #3d91ff;

  font-size: 16px;
  font-weight: 600;

  text-decoration: none;

  text-transform: none;

  transition:
    gap 0.35s ease,
    transform 0.35s ease;
}

.btn-more span {
  font-size: 25px;
  line-height: 1;

  transition: transform 0.35s ease;
}

.btn-more:hover {
  gap: 18px;
}

.btn-more:hover span {
  transform: translateX(3px);
}

/* =========================================
   BOTTOM COLOR LINE
========================================= */

.service-card::after {
  content: "";

  position: absolute;

  left: 17px;
  right: 17px;
  bottom: 0;

  height: 4px;

  border-radius: 10px 10px 0 0;

  background: #3d91ff;

  box-shadow:
    0 0 15px rgba(60, 145, 255, 0.8),
    0 0 35px rgba(60, 145, 255, 0.35);

  transition:
    left 0.45s ease,
    right 0.45s ease;
}

.service-card:hover::after {
  left: 35px;
  right: 35px;
}

/* =========================================
   BLUE - 1
========================================= */

.swiper-slide:nth-child(1) .service-card {
  border-color: rgba(45, 125, 255, 0.4);
}

.swiper-slide:nth-child(1) .svr-number {
  background: linear-gradient(145deg, #164ea5, #173b83);
}

.swiper-slide:nth-child(1) .btn-more {
  color: #3d91ff;
}

.swiper-slide:nth-child(1) .service-card::after {
  background: #3d91ff;

  box-shadow:
    0 0 15px rgba(60, 145, 255, 0.8),
    0 0 35px rgba(60, 145, 255, 0.35);
}

/* =========================================
   GREEN - 2
========================================= */

.swiper-slide:nth-child(2) .service-card {
  border-color: rgba(45, 190, 100, 0.4);

  background: linear-gradient(
    145deg,
    rgba(20, 70, 55, 0.55),
    rgba(5, 18, 25, 0.95)
  );
}

.swiper-slide:nth-child(2) .svr-number {
  background: linear-gradient(145deg, #176d3b, #14562f);
}

.swiper-slide:nth-child(2) .btn-more {
  color: #43df72;
}

.swiper-slide:nth-child(2) .service-card::after {
  background: #43df72;

  box-shadow:
    0 0 15px rgba(67, 223, 114, 0.8),
    0 0 35px rgba(67, 223, 114, 0.3);
}

/* =========================================
   YELLOW - 3
========================================= */

.swiper-slide:nth-child(3) .service-card {
  border-color: rgba(220, 180, 35, 0.4);

  background: linear-gradient(
    145deg,
    rgba(65, 58, 28, 0.55),
    rgba(15, 15, 20, 0.95)
  );
}

.swiper-slide:nth-child(3) .svr-number {
  background: linear-gradient(145deg, #9c7814, #755b12);
}

.swiper-slide:nth-child(3) .btn-more {
  color: #ffd438;
}

.swiper-slide:nth-child(3) .service-card::after {
  background: #ffd438;

  box-shadow:
    0 0 15px rgba(255, 212, 56, 0.8),
    0 0 35px rgba(255, 212, 56, 0.3);
}

/* =========================================
   PURPLE - 4
========================================= */

.swiper-slide:nth-child(4) .service-card {
  border-color: rgba(155, 70, 255, 0.5);

  background: linear-gradient(
    145deg,
    rgba(65, 35, 105, 0.65),
    rgba(15, 8, 35, 0.95)
  );
}

.swiper-slide:nth-child(4) .svr-number {
  background: linear-gradient(145deg, #6230ae, #48227e);
}

.swiper-slide:nth-child(4) .btn-more {
  color: #ae62ff;
}

.swiper-slide:nth-child(4) .service-card::after {
  background: #ae62ff;

  box-shadow:
    0 0 15px rgba(174, 98, 255, 0.8),
    0 0 35px rgba(174, 98, 255, 0.3);
}

/* =========================================
   REPEAT COLORS FOR ALL 14 CARDS
========================================= */

/* 5 - Blue */
.swiper-slide:nth-child(5) .service-card,
.swiper-slide:nth-child(9) .service-card,
.swiper-slide:nth-child(13) .service-card {
  border-color: rgba(45, 125, 255, 0.4);
}

.swiper-slide:nth-child(5) .svr-number,
.swiper-slide:nth-child(9) .svr-number,
.swiper-slide:nth-child(13) .svr-number {
  background: linear-gradient(145deg, #164ea5, #173b83);
}

.swiper-slide:nth-child(5) .btn-more,
.swiper-slide:nth-child(9) .btn-more,
.swiper-slide:nth-child(13) .btn-more {
  color: #3d91ff;
}

.swiper-slide:nth-child(5) .service-card::after,
.swiper-slide:nth-child(9) .service-card::after,
.swiper-slide:nth-child(13) .service-card::after {
  background: #3d91ff;
}

/* 6 - Green */
.swiper-slide:nth-child(6) .service-card,
.swiper-slide:nth-child(10) .service-card,
.swiper-slide:nth-child(14) .service-card {
  border-color: rgba(45, 190, 100, 0.4);

  background: linear-gradient(
    145deg,
    rgba(20, 70, 55, 0.55),
    rgba(5, 18, 25, 0.95)
  );
}

.swiper-slide:nth-child(6) .svr-number,
.swiper-slide:nth-child(10) .svr-number,
.swiper-slide:nth-child(14) .svr-number {
  background: linear-gradient(145deg, #176d3b, #14562f);
}

.swiper-slide:nth-child(6) .btn-more,
.swiper-slide:nth-child(10) .btn-more,
.swiper-slide:nth-child(14) .btn-more {
  color: #43df72;
}

.swiper-slide:nth-child(6) .service-card::after,
.swiper-slide:nth-child(10) .service-card::after,
.swiper-slide:nth-child(14) .service-card::after {
  background: #43df72;
}

/* 7 - Yellow */
.swiper-slide:nth-child(7) .service-card,
.swiper-slide:nth-child(11) .service-card {
  border-color: rgba(220, 180, 35, 0.4);

  background: linear-gradient(
    145deg,
    rgba(65, 58, 28, 0.55),
    rgba(15, 15, 20, 0.95)
  );
}

.swiper-slide:nth-child(7) .svr-number,
.swiper-slide:nth-child(11) .svr-number {
  background: linear-gradient(145deg, #9c7814, #755b12);
}

.swiper-slide:nth-child(7) .btn-more,
.swiper-slide:nth-child(11) .btn-more {
  color: #ffd438;
}

.swiper-slide:nth-child(7) .service-card::after,
.swiper-slide:nth-child(11) .service-card::after {
  background: #ffd438;
}

/* 8 - Purple */
.swiper-slide:nth-child(8) .service-card,
.swiper-slide:nth-child(12) .service-card {
  border-color: rgba(155, 70, 255, 0.5);

  background: linear-gradient(
    145deg,
    rgba(65, 35, 105, 0.65),
    rgba(15, 8, 35, 0.95)
  );
}

.swiper-slide:nth-child(8) .svr-number,
.swiper-slide:nth-child(12) .svr-number {
  background: linear-gradient(145deg, #6230ae, #48227e);
}

.swiper-slide:nth-child(8) .btn-more,
.swiper-slide:nth-child(12) .btn-more {
  color: #ae62ff;
}

.swiper-slide:nth-child(8) .service-card::after,
.swiper-slide:nth-child(12) .service-card::after {
  background: #ae62ff;
}

/* =========================================
   MOBILE
========================================= */

@media (max-width: 1199px) {
  .service-card {
    min-height: 525px;
  }

  .service-image {
    height: 210px;
  }
}

@media (max-width: 767px) {
  .service-card {
    min-height: 510px;
    padding: 18px;
  }

  .service-card h3 {
    font-size: 22px;
  }

  .service-card p {
    font-size: 15px;
    line-height: 1.6;
  }

  .service-image {
    height: 200px;
    margin-top: 22px;
  }

  .service-icon {
    width: 56px;
    height: 56px;
  }

  .svr-number {
    width: 50px;
    height: 50px;
  }

  .btn-more {
    left: 18px;
    bottom: 24px;
  }
}
/* sss */

.what-we-do-wrap {
  position: relative;
}

.service-next {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 87px;
  left: unset;
  border-radius: 100%;
  right: 85px;
  transform: translateY(0%);
  border: 2px solid #a680f1;
  box-shadow: 0px 0px 11px 8px
    rgba(137.00000000000014, 128, 240.99999999999997, 0.4) inset;
  --bg-gradient-location-1: 0%;
  --bg-gradient-location-2: 100%;
  background-color: transparent;
  background-image: linear-gradient(
    90deg,
    var(--wgl-bg-gradient-primary) var(--bg-gradient-location-1),
    var(--wgl-bg-gradient-secondary) var(--bg-gradient-location-2)
  );
  z-index: 1;
  --wgl-bg-gradient-primary: #a680f1;
  --wgl-bg-gradient-secondary: #8980f1;
  transition: all 0.3s ease-in-out;
}

.swiper-button-prev {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 87px;
  border-radius: 100%;
  left: unset;
  right: 140px;
  transform: translateY(0%);
  border: 2px solid #a680f1;
  box-shadow: 0px 0px 11px 8px
    rgba(137.00000000000014, 128, 240.99999999999997, 0.4) inset;
  --bg-gradient-location-1: 0%;
  --bg-gradient-location-2: 100%;
  background-color: transparent;
  background-image: linear-gradient(
    90deg,
    var(--wgl-bg-gradient-primary) var(--bg-gradient-location-1),
    var(--wgl-bg-gradient-secondary) var(--bg-gradient-location-2)
  );
  z-index: 1;
  --wgl-bg-gradient-primary: #a680f1;
  --wgl-bg-gradient-secondary: #8980f1;
  transition: all 0.3s ease-in-out;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: 14px;
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
  color: #fff;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 0.5;
}

.we-serve .cmn-hd {
  max-width: 800px;
  margin: 0 auto;
}

/* aaa */
.industry-container {
  display: inline-flex;
  align-items: center;
  margin-left: auto;
  gap: 5px;
  padding: 5px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.035);
}

.industry-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px 10px 15px;
  border: 1.5px solid #a7b8ff;
  border-radius: 60px;
  opacity: 1;
  text-decoration: none;
  color: #1c1c1c;
  background: #f5fdff;
  transition: all 0.3s ease-in-out;
}

.industry-item img {
  width: 35px;
  height: 35px;
  object-fit: contain;
  flex-shrink: 0;
}

.industry-item span {
  font-size: 16px;
  font-weight: 500;
  white-space: nowrap;
}

.global-reach-sec {
  padding: 0px 12px;
}

.global-reach-wrap {
  background-color: transparent;
  background-image: linear-gradient(180deg, #1b1535 0%, #04011c 80%);
  border-radius: 12px;
  padding-left: 12px;
  padding-right: 12px;
}

.global-reach-wrap .cmn-hd {
  max-width: 900px;
  margin: 0 auto;
}

.global-reach-wrap .sub-hd {
  color: #fff;
}

.global-reach-wrap h2 {
  color: #fff;
}

.global-reach-wrap p {
  color: rgba(255, 255, 255, 0.8);
}

.global-reach-cont {
  margin-top: 50px;
}

/* counter */
.skills {
  display: flex;
  align-items: flex-end;
  height: 600px;
}

.skill-card {
  flex: 1;
  position: relative;
  overflow: hidden;
  height: 100px;
}

.skill-card:nth-child(1) {
  background: #96b3dc;
}

.skill-card:nth-child(2) {
  background: #7ca184;
}

.skill-card:nth-child(3) {
  background: #91b79b;
}

.skill-card:nth-child(4) {
  background: #818ab0;
}

.skill-card:nth-child(5) {
  background: #8e95b8;
}

.skill-content {
  position: absolute;
  inset: 0;
  padding: 30px 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #fff;
}

.counter {
  font-size: 30px;
  font-weight: 700;
}

.skill-content span {
  width: 85%;
  height: 1px;
  background: rgb(255 255 255 / 50%);
  display: block;
  position: absolute;
  top: 74px;
  left: 12px;
}

.skill-content h3 {
  font-size: 17px;
  font-weight: 500;
  color: #fff;
}

.global-reach-rgt-col {
  display: flex;
  justify-content: center;
  gap: 15px;
  background: #ffffff14;
  border: 1px solid #ffffff54;
  padding: 20px;
  border-radius: 12px;
}

.global-reach-rgt-col-img {
  max-width: 40px;
  height: 40px;
  padding: 7px;
  background: #cff480;
  flex-shrink: 0;
  border-radius: 4px;
}

.global-reach-rgt-col-cont h3 {
  font-size: 16px;
  color: #fff;
  margin-bottom: 10px;
}

.global-reach-rgt-col-cont p {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
}

.global-reach-rgt-col:not(:first-child) {
  margin-top: 16px;
}

/* step wrap */

.timeline {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  margin-bottom: 45px;
}

.timeline::before {
  content: "";
  position: absolute;
  top: 21px;
  left: 10%;
  width: 80%;
  height: 2px;
  background: #c4c4c4;
}

.timeline-item {
  position: relative;
  text-align: center;
  z-index: 2;
}

.step {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #51544d;
  margin: auto;
  font-size: 16px;
  font-weight: 500;
  border: 2px solid #b1d269;
  box-shadow: 0 0px 18px #b1d269;
}

/* Cards */

.process-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 18px;
}

.process-card {
  background: #201f1f;
  border-radius: 12px;
  padding: 30px 24px;
  box-shadow: rgb(16 34 0 / 7%) 0px 8px 15px;
  border-top: 3px solid rgb(177, 210, 105);
  transition: 0.4s;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.process-card:hover {
  transform: translateY(-10px);
}

.icon-wrap {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgb(179 223 114 / 33%);
  color: rgb(53 140 53);
  font-size: 21px;
  margin: 0 auto 20px;
}

.process-card h3 {
  font-size: 20px;
  margin-bottom: 14px;
  font-weight: 700;
}

.line {
  width: 75px;
  height: 3px;
  border-radius: 30px;
  margin: 0 auto;
  margin-bottom: 17px;
  background: #8ab232;
}

.industry-item span {
  font-size: 14px;
}

.industry-item img {
  width: 19px;
  height: 19px;
}

.industry-container {
  gap: 9px;
}

.skill-card {
  height: calc(var(--min-card-height) * 1px);
}

.what-we-do {
  overflow: hidden;
  background-color: transparent;
  background-image: linear-gradient(180deg, #1b1535 0%, #04011c 80%);
}

.cmn-sec-before {
  color: #a680f199;
  font-size: 946px;
}

.what-we-do-card-link {
  position: relative;
  display: flex;
  padding: 30px;
  border-radius: 10px;
  border-width: 1px;
  border-style: solid;
  border-color: #ffffff26;
  background-color: transparent;
  background-image: linear-gradient(180deg, #ffffff17 0%, #ffffff05 100%);
  opacity: 1;
  transition: all 0.3s ease-in-out;
  height: 100%;
}

.what-we-do-card-link:hover {
  border-style: solid;
  border-color: #a680f1;
  box-shadow: 0px 0px 11px 8px
    rgba(166.00000000000017, 128, 240.99999999999997, 0.4) inset;
}

.what-we-do-card-img {
  position: relative;
  padding: 66% 0 0;
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 30px;
  z-index: 1;
}

.what-we-do-card-img img {
  opacity: 0.7;
}

.what-we-do-card-cont p {
  color: #ffffffcd;
  font-size: 14px;
}

.cmn-sec-before::before {
  content: "";
  position: absolute;
  top: -120%;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0.95em;
  height: 0.95em;
  background: radial-gradient(
    circle closest-side,
    currentColor 30%,
    rgba(255, 255, 225, 0) 100%
  );
  filter: blur(0.08em);
  transform: rotate(var(--wgl-highlights-rotate, 0deg))
    scaleX(var(--wgl-highlights-scalex, 1));
  pointer-events: none;
  user-select: none;
}

/* animation heading */
.word {
  display: inline-block;
  overflow: hidden;
}

.word .word-inner {
  display: inline-block;
  will-change: transform;
}

[data-sub-heading] {
  display: inline-block;
}

.about-story-img {
  border-radius: 12px;
  overflow: hidden;
}

.about-story-img-wrap {
  position: relative;
  padding-right: 50px;
}

.about-story-img-sm {
  max-width: 400px;
  position: absolute;
  bottom: -165px;
  right: 0;
  border-radius: 12px;
  overflow: hidden;
  border: 10px solid #ffffff;
  box-shadow: 0 0 5px #3333334f;
}

.cmn-hd-sm {
  max-width: 900px;
}

.cmn-hd-sm h2 {
  margin-bottom: 30px;
}

.cmn-hd-sm p {
  margin-bottom: 15px;
}

.cmn-hd-sm p b {
  color: #fff;
}

.drives-us-grd {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  margin-top: 60px;
}

.drives-us-col {
  grid-column: span 2;
  position: relative;
  border-top: 1px solid #ffffff0e;
  padding: 40px 30px;
}

/* Center last two cards */
.drives-us-col:nth-child(4) {
  grid-column: 2 / span 2;
}

.drives-us-col:nth-child(5) {
  grid-column: 4 / span 2;
}

.drives-us-col img {
  max-width: 70px;
  margin-bottom: 30px;
}

.drives-us-col h3 {
  color: #fff;
  text-transform: capitalize;
  margin-bottom: 15px;
}

.drives-us-col::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  opacity: 0.1;
  right: 0px;
  top: 0px;
  background: linear-gradient(
    rgb(255, 255, 255) 0%,
    rgba(255, 255, 255, 0) 100%
  );
}

.drives-us-col:nth-child(3n):after,
.drives-us-col:last-child:after {
  display: none;
}

.the-work-sec {
  margin-top: 15px;
}

.the-work-wrap {
  background-color: #d8e7ef;
  border-radius: 12px;
  padding-left: 20px;
  padding-right: 20px;
}

.the-work-wrap .cmn-hd {
  max-width: 800px;
  margin-left: 80px;
}

.svr-grd {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.svr-card {
  position: relative;
  overflow: hidden;
  border-right: 1px solid rgba(0, 0, 0, 0.08);
}

.svr-card:nth-child(4n) {
  border-right: 0;
}

.svr-card::before {
  content: "";
  position: absolute;
  height: 100%;
  left: 20px;
  right: 20px;
  background: #122237;
  transform: translateY(100%);
  transition: 0.5s;
  z-index: 1;
}

.svr-card:hover::before,
.svr-card.active::before {
  transform: translateY(0);
}

.svr-card:hover::after,
.svr-card.active::after {
  opacity: 0.18;
}

.service-content {
  position: relative;
  z-index: 5;
  height: 100%;
  padding: 55px 45px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.service-card-bottom img {
  max-width: 60px;
  margin-bottom: 20px;
  transition: all 0.3s ease-in-out;
}

.service-card-bottom h3 {
  font-size: 20px;
  transition: all 0.3s ease-in-out;
}

.service-card-bottom p {
  transition: all 0.3s ease-in-out;
}

.svr-card.active img {
  filter: brightness(0) saturate(100%) invert(89%) sepia(32%) saturate(570%)
    hue-rotate(23deg) brightness(100%) contrast(96%);
}

.svr-card.active .service-card-bottom h3,
.svr-card.active p {
  color: #fff;
}

/* cr */
.career-wrap {
  max-width: 1200px;
  margin: 0 auto;
  background-color: #d8e7ef;
  border-radius: 12px;
  padding: 70px 30px;
}

.department-title {
  text-align: center;
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 30px;
  color: #000000ad;
}

.engineering {
  margin-top: 60px;
}

.job-card {
  background: #fff;
  border-radius: 12px;
  padding: 30px 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
  transition: 0.35s;
}

.job-title {
  width: 30%;
}

.job-title h3 {
  font-size: 25px;
  color: #000;
  margin: 0 0 12px;
}

.job-info {
  width: 18%;
}

.job-info span {
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #00000099;
  margin-bottom: 8px;
}

.job-info h4 {
  font-size: 16px;
  color: #000;
  font-weight: 600;
}

.job-btn {
  width: 50px;
  height: 50px;
  border: 1px solid #e6e6e6;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 20px;
  color: #000;
  transition: 0.35s;
}

.job-action {
  display: flex;
  align-items: center;
  gap: 24px;
}

.job-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.08);
}

.job-card:hover .job-btn {
  background: #cff480;
  color: #000;
  border-color: #cff480;
}

.job-info.job-info-full {
  width: 60%;
}

.cmn-tab-all {
  margin-top: 30px;
}

.cmn-tab-all .industry-container {
  justify-content: flex-end;
}

.cmn-tab-all .industry-item {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  min-height: 42px;
  padding: 0 21px;
  border-radius: 100px;
  background: transparent;
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
  text-decoration: none;
  transition:
    color 0.35s ease,
    background 0.35s ease;
}

.cmn-tab-all .industry-item:hover,
.industry-item.is-active,
.industry-item.is-active-filter {
  background: #fff;
  color: #0b091d !important;
}

.faq-question i {
  color: #000000;
  font-size: 20px;
}

.job-meta-list {
  display: flex;
  gap: 10px;
}

.job-meta-list li {
  font-size: 10px;
  background: #1c1c1c;
  color: #fff;
  padding: 1px 11px;
  border-radius: 16px;
}

.our-products .card-box {
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.08);
  background: #fff;
  border-radius: 12px;
  padding: 50px 30px;
  text-align: center;
}

.our-products .card-box h3 {
  font-size: 33px;
}

.our-products .card-box p {
  font-size: 18px;
  margin-bottom: 40px;
}

.service-top {
  display: flex;
  gap: 15px;
  justify-content: space-between;
  margin-bottom: 60px;
  align-items: center;
}

.in-svr-card {
  display: flex;
  gap: 20px;
}

.in-svr-card-icon {
  font-size: 30px;
  color: #86b91b;
  margin-top: 7px;
}

.in-svr-card-content h3 {
  margin-bottom: 13px;
}

.region-card-list {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

.region-card-list li {
  background: #789559;
  color: #fff;
  font-size: 10px;
  padding: 6px 11px 5px;
  border-radius: 15px;
  line-height: 1;
  text-transform: uppercase;
}

.drives-us-col-icon {
  margin-bottom: 30px;
}

.drives-us-col-icon i {
  color: #c9dbee;
  font-size: 45px;
}

.job-detail-content h3 {
  font-size: 20px;
  margin: 0 0 6px;
}

.job-detail-content h3 + h3 {
  margin: 0 0 20px;
}

.job-detail-content p {
  color: #bdbaba;
  margin: 0 0 10px;
}

.job-detail-content p strong {
  color: #fff;
}

.job-detail-content ol {
  margin: 0 0 20px;
  padding: 0 0 0 17px;
  list-style: none;
}

.job-detail-content ol li {
  font-weight: 500;
  font-size: 16px;
  color: #bdbaba;
  margin-bottom: 7px;
  position: relative;
}

.job-detail-content ol li:last-child {
  margin-bottom: 0;
}

.job-detail-content ol li::before {
  content: "";
  position: absolute;
  left: -15px;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ffffffb0;
}

.service-tie-in-row p {
  color: #fff;
}

.job-apply-sidebar {
  transition: all 0.3s ease-in-out;
  position: sticky;
  top: 15px;
}

.sub-heading {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #ffffffb3;
  margin-bottom: 20px;
}

.sub-heading span:first-child {
  color: #8980f1;
}

.sub-heading i {
  width: 20px;
  height: 2px;
  background: #8980f1;
  display: block;
}

.banner-count {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
  margin-top: 30px;
}

.banner-count {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
  margin-top: 30px;
}

.banner-count-col {
  border-left: 2px solid #ffffff53;
  padding-left: 15px;
}

.banner-count-col h3 {
  font-size: 16px;
  color: #fff;
  margin: 0 0 13px;
}

.banner-count-col p {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Responsive */

@media (max-width: 1440px) {
  .cmn-btn {
    min-width: 156px;
    padding: 13px 12px;
    font-size: 13px;
  }

  .navbar__right-btn {
    gap: 8px;
  }

  .navbar.container {
    max-width: 100%;
  }

  .menu .menu__inner .menu__item .menu__link {
    font-size: 14px;
  }
}

@media (max-width: 1380px) {
  .h1-heading,
  h1 {
    font-size: 44px;
  }

  .h1-heading,
  h1 {
    font-size: 40px;
  }

  .marquee-card-img {
    width: 30px;
    height: 30px;
  }

  .marquee-card-cont h3 {
    font-size: 16px;
  }

  .marquee-card {
    width: 240px;
  }

  .what-we-do-wrap {
    padding-left: 0px;
  }

  .our-products .what-we-do-wrap {
    padding-left: 20px;
  }

  .timeline {
    display: none;
  }

  .process-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .process-card {
    border-radius: 12px;
    padding: 50px 34px;
  }

  .icon-wrap {
    margin: 0 auto 40px;
  }

  .cta-wrap p {
    font-size: 16px;
  }

  .ftr-two-col ul {
    gap: 5px;
  }

  .ftr-col-link ul li a {
    font-size: 12px;
  }

  .page-footer p {
    font-size: 12px;
  }

  .ftr-hed {
    font-size: 18px;
  }

  .ftr-hed::after {
    width: 66px;
  }

  .footer-center .row {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
  }

  .social-col ul {
    gap: 30px;
  }

  .footer-top-rgt .pln-txt,
  .footer-top-rgt .contact-content a {
    font-size: 14px;
  }
  .contact-content span {
    font-size: 11px;
    margin-bottom: 9px;
  }

  .footer-center {
    padding: 50px 0 40px;
  }

  .footer-btm p a {
    font-size: 11px;
  }

  .footer-btm {
    padding: 20px 0;
  }
}

@media (max-width: 1199px) {
  body {
    font-size: 14px;
  }

  p {
    font-size: 14px;
  }

  .cmn-gap {
    padding: 60px 0;
  }

  .row {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
  }

  .h1-heading,
  h1 {
    font-size: 38px;
  }

  .marquee-section {
    margin-top: 20px;
    padding: 20px 0;
  }

  .what-we-do .row {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 40px;
  }

  .skill-content h3 {
    font-size: 14px;
  }

  .page-footer .container {
    max-width: 100%;
  }

  .service-content {
    padding: 35px 35px;
  }

  .service-card-bottom img {
    max-width: 40px;
  }

  .service-card-bottom h3 {
    font-size: 14px;
  }
}

@media (max-width: 1024px) {
  .container {
    max-width: 100%;
    padding: 0 12px;
  }

  .our-products {
    padding-left: 12px;
    padding-right: 12px;
  }

  .service-next {
    right: 0;
  }

  .swiper-button-prev {
    right: 55px;
  }
}

@media (max-width: 991px) {
  body {
    font-size: 14px;
    line-height: 1.4em;
  }

  .swiper-button-prev,
  .service-next {
    top: 17px;
  }

  .icon-wrap {
    width: 50px;
    height: 50px;
    font-size: 16px;
    margin: 0 auto 20px;
  }

  .process-card {
    padding: 34px 27px;
  }

  .inner-contact-rgt {
    background-color: transparent;
    padding-bottom: 0;
  }

  .inner-contact-lft {
    padding: 0 12px;
  }

  .ftr-col-link ul li {
    margin-bottom: 0px;
  }

  .ftr-col-link ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5px;
  }

  .about-story-img-wrap {
    padding-right: 160px;
  }

  .about-story-img-sm {
    bottom: 0;
  }

  .about-story-img-sm {
    max-width: 230px;
    border: 5px solid #ffffff;
  }

  .drives-us-grd {
    grid-template-columns: repeat(2, 1fr);
  }

  .drives-us-col {
    grid-column: unset !important;
  }

  .drives-us-col:nth-child(3n):after,
  .drives-us-col:last-child:after {
    display: block;
  }

  .drives-us-col:nth-child(2n)::after {
    display: none;
  }

  .svr-grd {
    grid-template-columns: repeat(3, 1fr);
  }

  .the-work-wrap .cmn-hd {
    margin-left: 0;
    padding: 0 12px;
  }

  .text-center-mobile {
    text-align: center;
  }

  .industry-container {
    gap: 6px;
  }

  .job-title {
    width: 100%;
  }

  .cmn-tab-all .industry-item span {
    font-size: 12px;
  }

  .cmn-tab-all .industry-item {
    padding: 9px 14px;
  }

  .job-card {
    flex-direction: column;
    position: relative;
  }

  .job-info {
    margin-top: 17px;
    width: 100%;
  }

  .job-btn {
    width: 40px;
    height: 40px;
    font-size: 15px;
    position: absolute;
    top: 25px;
    right: 25px;
  }

  .job-listing-grid {
    gap: 0;
    margin-top: 0px;
  }
}

@media (max-width: 768px) {
  .row {
    --bs-gutter-x: 12px;
    --bs-gutter-y: 12px;
  }

  h2 {
    font-size: 34px;
  }

  .none-mb {
    display: none;
  }

  .header .row {
    --bs-gutter-x: 0;
  }

  .header-top {
    padding: 10px 0px;
    border-bottom: none;
    background: #122237;
  }

  .hd-top-left-cont ul li i {
    color: #fff;
  }

  .hd-top-left-cont ul li a,
  .hd-top-left-cont ul li {
    color: #d3d3d3;
    font-size: 12px;
  }

  .hd-top-left-cont ul {
    justify-content: space-around;
    gap: 0px;
  }

  .hd-top-left-cont ul li::before {
    display: none;
  }

  .header-top {
    position: relative;
    z-index: 1;
  }

  .header-top::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background-color: #cff480;
    z-index: -1;
  }

  .hd-top-left-cont ul li:first-child a,
  .hd-top-left-cont ul li:first-child i {
    color: #000;
  }

  .sub-hd {
    margin-bottom: 10px;
  }

  .global-reach-wrap .cmn-hd {
    padding: 0px 12px;
  }

  .skills {
    height: auto;
  }

  .counter {
    font-size: 16px;
  }

  :root {
    --max-card-height: 400;
    --min-card-height: 150;
  }

  .skill-content h3 {
    font-size: 10px;
  }

  .skill-content {
    padding: 20px 10px;
  }

  .skill-content span {
    width: 77%;
    top: 51px;
    left: 10px;
  }

  .process-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .inner-contact-rgt {
    padding: 0 12px 0;
    margin-top: 30px;
  }

  .ftr-col-link {
    padding-left: 0;
  }

  .footer-top-rgt .contact-area {
    justify-content: flex-start;
    gap: 28px;
  }

  .footer-top-rgt .pln-txt,
  .footer-top-rgt .contact-content a {
    font-size: 12px;
  }

  .footer-logo {
    margin-bottom: 30px;
  }

  .footer-btm .ftr-col-link ul {
    gap: 15px;
    justify-content: center;
  }

  .footer-btm p {
    text-align: center;
  }

  .svr-grd {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  h2 {
    font-size: 28px;
  }

  .cmn-hd {
    margin-bottom: 30px;
  }

  .navbar__right-btn {
    display: none;
  }
  .brand {
    max-width: 80px;
  }
  .burger {
    position: relative;
  }

  .burger::before {
    content: "";
    position: absolute;
    top: -7px;
    left: -7px;
    width: 34px;
    border-radius: 3px;
    height: 33px;
    background-color: #122237;
    z-index: -1;
  }

  .burger .burger-line {
    background-color: #fff;
    width: 80%;
  }

  .burger .burger-line:nth-child(2) {
    width: 60%;
  }

  .product-mosaic {
    margin-top: 13px;
    grid-template-columns: 1fr 1fr;
  }

  .sub-hd {
    font-size: 12px;
  }

  .marquee-card-img {
    width: 20px;
    height: 20px;
  }

  .marquee-card-cont h3 {
    font-size: 13px;
  }

  .marquee-card {
    width: auto;
  }

  .what-we-do .row {
    --bs-gutter-x: 0px;
  }

  .service-card {
    padding: 20px 14px;
  }

  .swiper-button-prev,
  .service-next {
    display: none;
  }

  .service-card h3 {
    font-size: 18px;
  }

  .svr-number {
    font-size: 15px;
    margin-bottom: 20px;
  }

  .industry-item span {
    font-size: 10px;
  }

  .industry-item img {
    width: 13px;
    height: 13px;
  }

  .industry-item {
    gap: 4px;
    padding: 8px 8px;
    border-radius: 3px;
    width: 48%;
    justify-content: center;
    border: none;
    background: #d2ead5;
  }

  .industry-container {
    margin-top: 30px;
  }

  .global-reach-rgt-col-cont h3 {
    font-size: 14px;
    margin-bottom: 5px;
  }

  .global-reach-rgt-col-cont p {
    font-size: 11px;
  }

  .global-reach-rgt-col-img {
    max-width: 30px;
    height: 30px;
    padding: 4px;
  }

  .global-reach-rgt-col {
    gap: 10px;
    padding: 12px;
    border-radius: 4px;
  }

  .global-reach-rgt-col:not(:first-child) {
    margin-top: 10px;
  }

  .process-grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .process-card h3 {
    font-size: 17px;
    margin-bottom: 9px;
  }

  .process-card {
    padding: 54px 40px;
  }

  label {
    font-size: 13px;
  }

  input[type="password"],
  input[type="email"],
  input[type="tel"],
  input[type="text"] {
    font-size: 14px;
    padding: 10px 14px;
    height: 43px;
    border-radius: 3px;
  }

  select {
    font-size: 14px;
    padding: 10px 14px;
    height: 43px;
  }

  .contact-icon-arrow {
    margin: 14px auto;
  }

  .pln-txt,
  .contact-content a {
    font-size: 16px;
  }

  .contact-content span {
    font-size: 12px;
    margin-bottom: 11px;
  }

  .cta-sec .navbar__right-btn {
    display: flex;
    justify-content: center;
  }

  .cta-wrap p {
    margin-bottom: 30px;
  }

  .footer-center {
    padding: 30px 0 30px;
  }

  .footer-btm .row {
    --bs-gutter-y: 0;
  }

  .hd-social-col {
    font-size: 13px;
  }

  .footer-top {
    padding: 40px 0;
  }

  .drives-us-grd {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    margin-top: 40px;
  }

  .drives-us-col::after {
    display: none !important;
  }

  .drives-us-col {
    padding: 40px 0px;
  }

  .drives-us-col img {
    max-width: 50px;
    margin-bottom: 20px;
  }

  .drives-us-col h3 {
    margin-bottom: 15px;
    font-size: 18px;
  }

  .svr-grd {
    grid-template-columns: repeat(1, 1fr);
  }

  .svr-card {
    border: none;
    border-top: 1px solid #3333331f;
  }

  .svr-card::before {
    display: none;
  }

  .svr-card.active .service-card-bottom h3,
  .svr-card.active p {
    color: #000000;
  }

  .what-we-do .container-sm {
    padding: 0;
  }

  .job-listing-cta {
    font-size: 12px;
    font-weight: 600;
  }

  .job-title h3 {
    font-size: 18px;
  }

  .job-card {
    padding: 18px;
  }

  .job-meta-list {
    gap: 5px;
  }

  .job-info span {
    font-size: 13px;
    margin-bottom: 2px;
  }

  .job-info {
    margin-top: 9px;
  }

  .job-info h4 {
    font-size: 12px;
  }

  .job-btn {
    width: 30px;
    height: 30px;
    font-size: 12px;
    top: 10px;
    right: 10px;
  }

  .cmn-gap {
    padding: 40px 0;
  }

  .our-products .what-we-do-wrap {
    padding-left: 0;
  }

  .hd-top-left-cont ul {
    justify-content: space-between;
  }

  .hd-top-left-cont ul li i {
    margin-right: 0;
  }

  .our-products {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .job-listing-grid {
    gap: 0;
  }

  .cta-wrap p {
    font-size: 14px;
  }

  .svr-card.active img {
    filter: brightness(0) saturate(100%) invert(10%) sepia(23%) saturate(49%)
      hue-rotate(314deg) brightness(104%) contrast(78%);
  }

  .service-content {
    padding: 20px 12px;
  }

  .job-listing-cta {
    font-size: 12px;
  }

  .product-card-cont,
  .case-study-card-cont {
    padding: 20px 14px;
  }

  .case-study-card-cont h3 {
    font-size: 17px;
    font-weight: 600;
  }

  .case-study-card-cont p {
    font-size: 12px;
  }

  .case-study-tag {
    top: 10px;
    left: 10px;
    font-size: 10px;
    font-weight: 500;
    padding: 4px 10px;
  }

  .in-svr-card-content h3 {
    font-size: 18px;
  }

  .service-top {
    gap: 27px;
    margin-bottom: 40px;
    align-items: flex-start;
    flex-direction: column;
  }

  .in-svr-card-icon {
    font-size: 25px;
    color: #122237;
    margin-top: 2px;
  }

  .abt-sec {
    padding-left: 12px;
    padding-right: 12px;
  }

  .drives-us-col {
    border-top: 1px solid #ffffff9c;
  }

  .drives-us-col:nth-child(1) {
    border-top: none;
    padding-top: 0;
  }

  .header-top::before {
    display: none;
  }

  .header-top {
    padding: 5px 0px;
  }

  .hd-top-left-cont ul li a,
  .hd-top-left-cont ul li {
    font-size: 10px;
  }

  .hd-top-left-cont ul li:first-child a,
  .hd-top-left-cont ul li:first-child i {
    color: #ffffff;
  }

  .blog-detail-author-box {
    gap: 12px;
    border-radius: 7px;
    padding: 17px 14px;
    margin: 20px 0;
  }

  .blog-featured-cont {
    padding: 16px;
  }

  .blog-featured-cont h2 {
    font-size: 18px;
  }

  .blog-post-meta {
    margin-bottom: 20px;
  }

  .blog-post-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media (max-width: 480px) {
  .h1-heading,
  h1 {
    font-size: 34px;
  }

  :root {
    --max-card-height: 300;
    --min-card-height: 100;
  }

  .skill-content {
    padding: 10px 6px;
  }

  .skill-content span {
    top: 37px;
    left: 7px;
  }

  .industry-item {
    gap: 4px;
    width: auto;
  }

  .cmn-tab-all .industry-item,
  .cmn-tab-all .industry-item span {
    font-size: 10px;
  }

  .cmn-tab-all .industry-item {
    padding: 6px 10px;
  }
}

/* 10_09_26 */

/* =========================================================
   TICI INDUSTRIES
========================================================= */

.tc-industries {
  --ind-bg: #05050d;
  --ind-white: #ffffff;
  --ind-muted: rgba(226, 228, 242, 0.6);
  --ind-purple: #8064ff;
  --ind-purple-light: #a48fff;
  --ind-lime: #d7ff72;

  position: relative;
  overflow: hidden;

  background:
    radial-gradient(
      circle at 38% 55%,
      rgba(91, 65, 220, 0.24),
      transparent 32%
    ),
    radial-gradient(circle at 75% 40%, rgba(77, 54, 180, 0.1), transparent 35%),
    var(--ind-bg);

  color: var(--ind-white);

  isolation: isolate;
}

/* =========================================================
   BACKGROUND
========================================================= */

.tc-industries__background {
  position: absolute;
  inset: 0;

  z-index: -1;

  pointer-events: none;
}

.tc-industries__glow {
  position: absolute;

  width: 650px;
  height: 650px;

  left: 30%;
  top: 48%;

  transform: translate(-50%, -50%);

  border-radius: 50%;

  background: radial-gradient(
    circle,
    rgba(100, 72, 255, 0.24) 0%,
    rgba(79, 55, 190, 0.12) 35%,
    transparent 70%
  );

  filter: blur(20px);
}

.tc-industries__glow--secondary {
  width: 900px;
  height: 500px;

  left: 55%;

  opacity: 0.45;

  filter: blur(60px);
}

/* =========================================================
   TECH GRID
========================================================= */

.tc-industries__grid {
  position: absolute;
  inset: 0;

  background-image:
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);

  background-size: 76px 76px;

  mask-image: radial-gradient(ellipse at center, black 0%, transparent 76%);

  opacity: 0.7;
}

/* =========================================================
   PARTICLES
========================================================= */

.tc-industries__particles span {
  position: absolute;

  width: 3px;
  height: 3px;

  border-radius: 50%;

  background: #fff;

  opacity: 0.35;

  box-shadow: 0 0 12px rgba(255, 255, 255, 0.7);
}

.tc-industries__particles span:nth-child(1) {
  left: 6%;
  top: 18%;
}

.tc-industries__particles span:nth-child(2) {
  left: 13%;
  top: 70%;
}

.tc-industries__particles span:nth-child(3) {
  left: 27%;
  top: 12%;
}

.tc-industries__particles span:nth-child(4) {
  left: 42%;
  top: 23%;
}

.tc-industries__particles span:nth-child(5) {
  left: 58%;
  top: 12%;
}

.tc-industries__particles span:nth-child(6) {
  right: 23%;
  top: 20%;
}

.tc-industries__particles span:nth-child(7) {
  right: 9%;
  top: 42%;
}

.tc-industries__particles span:nth-child(8) {
  right: 16%;
  bottom: 18%;
}

.tc-industries__particles span:nth-child(9) {
  left: 47%;
  bottom: 10%;
}

.tc-industries__particles span:nth-child(10) {
  left: 7%;
  bottom: 27%;
}

/* =========================================================
   CONTAINER
========================================================= */

.tc-industries__container {
  position: relative;

  width: min(1500px, calc(100% - 80px));

  margin: 0 auto;

  padding: 115px 0 55px;
}

/* =========================================================
   HEADER
========================================================= */

.tc-industries__header {
  max-width: 930px;

  margin: 0 auto 70px;

  text-align: center;
}

.tc-industries__header .sub-heading {
  justify-content: center;
}

.tc-industries__eyebrow {
  display: inline-flex;

  align-items: center;

  gap: 12px;

  margin-bottom: 22px;

  color: rgba(255, 255, 255, 0.65);

  font-size: 13px;

  font-weight: 500;
}

.tc-industries__eyebrow span:first-child {
  color: var(--ind-lime);
}

.tc-industries__eyebrow i {
  width: 38px;
  height: 1px;

  background: rgba(255, 255, 255, 0.35);
}

.tc-industries__header h2 {
  margin: 0;
}

.tc-industries__header h2 span {
  color: transparent;

  background: linear-gradient(110deg, #fff 0%, #a48fff 70%, #8064ff 100%);

  -webkit-background-clip: text;
  background-clip: text;
}

.tc-industries__header p {
  max-width: 790px;

  margin: 28px auto 0;

  color: var(--ind-muted);

  font-size: 17px;

  line-height: 1.65;
}

/* =========================================================
   MAIN STAGE
========================================================= */

.tc-industries__stage {
  position: relative;

  display: grid;

  grid-template-columns:
    minmax(0, 1.55fr)
    minmax(360px, 0.75fr);

  align-items: center;

  min-height: 650px;

  gap: 40px;
}

/* =========================================================
   LEFT VISUAL
========================================================= */

.tc-industries__visual {
  position: relative;

  height: 620px;

  overflow: visible;
}

/* =========================================================
   ORBITS
========================================================= */

.tc-industries__orbit {
  position: absolute;

  left: 50%;
  top: 50%;

  border: 1px solid rgba(155, 135, 255, 0.18);

  border-radius: 50%;

  transform: translate(-50%, -50%) rotate(-15deg);
}

.tc-industries__orbit--one {
  width: 490px;
  height: 490px;
}

.tc-industries__orbit--two {
  width: 350px;
  height: 350px;

  border-color: rgba(255, 255, 255, 0.1);
}

/* =========================================================
   GIANT TYPE
========================================================= */

.tc-industries__giant {
  position: absolute;

  left: 50%;
  top: 50%;

  width: 100%;

  transform: translate(-50%, -50%);

  text-align: center;

  user-select: none;

  pointer-events: none;

  z-index: 1;
}

.tc-industries__giant span {
  display: block;

  color: transparent;

  font-size: clamp(90px, 11vw, 175px);

  font-weight: 600;

  line-height: 0.72;

  letter-spacing: -0.085em;

  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.96),
    rgba(151, 133, 255, 0.4)
  );

  -webkit-background-clip: text;
  background-clip: text;

  opacity: 0.16;
}

.tc-industries__giant span:last-child {
  margin-left: 60px;

  color: transparent;

  background: linear-gradient(
    180deg,
    rgba(150, 132, 255, 0.85),
    rgba(103, 81, 235, 0.22)
  );

  -webkit-background-clip: text;
  background-clip: text;
}

/* =========================================================
   CORE
========================================================= */

.tc-industries__core {
  position: absolute;

  left: 50%;
  top: 50%;

  width: 150px;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(-50%, -50%);

  border-radius: 50%;

  background: radial-gradient(
    circle at 35% 30%,
    rgba(164, 143, 255, 0.75),
    rgba(65, 42, 165, 0.4) 35%,
    rgba(5, 5, 15, 0.92) 72%
  );

  border: 1px solid rgba(178, 160, 255, 0.45);

  box-shadow:
    0 0 60px rgba(103, 77, 255, 0.3),
    inset 0 0 40px rgba(131, 105, 255, 0.2);

  z-index: 3;
}

.tc-industries__core::before {
  content: "";

  position: absolute;

  inset: -15px;

  border-radius: 50%;

  border: 1px solid rgba(148, 127, 255, 0.18);
}

/* =========================================================
   INDUSTRY NODE
========================================================= */

.tc-industry-node {
  position: absolute;

  display: flex;

  align-items: center;

  gap: 11px;

  min-height: 58px;

  padding: 7px 17px 7px 7px;

  border: 1px solid rgba(255, 255, 255, 0.18);

  border-radius: 999px;

  background: rgba(12, 12, 23, 0.78);

  backdrop-filter: blur(14px);

  -webkit-backdrop-filter: blur(14px);

  box-shadow: 0 15px 45px rgba(0, 0, 0, 0.3);

  color: #fff;

  text-decoration: none;

  z-index: 5;

  opacity: 0;

  transform: translateY(30px) scale(0.9);

  will-change: transform;
}

.tc-industry-node::before {
  content: "";

  position: absolute;

  inset: 0;

  border-radius: inherit;

  background: linear-gradient(
    100deg,
    rgba(128, 100, 255, 0.13),
    transparent 60%
  );

  opacity: 0;

  transition: opacity 0.35s ease;
}

.tc-industry-node:hover::before {
  opacity: 1;
}

.tc-industry-node:hover {
  border-color: rgba(153, 132, 255, 0.7);

  box-shadow:
    0 20px 60px rgba(76, 52, 210, 0.3),
    0 0 30px rgba(120, 95, 255, 0.12);
}

.tc-industry-node__icon {
  position: relative;

  display: flex;

  align-items: center;
  justify-content: center;

  width: 42px;
  height: 42px;

  flex: 0 0 42px;

  border-radius: 50%;

  background: rgba(255, 255, 255, 0.08);

  border: 1px solid rgba(255, 255, 255, 0.14);
}

.tc-industry-node__icon img {
  width: 23px;
  height: 23px;

  object-fit: contain;

  filter: brightness(0) invert(1);

  opacity: 0.9;
}

.tc-industry-node__text {
  position: relative;

  white-space: nowrap;

  font-size: 14px;

  font-weight: 500;
}

.tc-industry-node__index {
  position: relative;

  color: rgba(255, 255, 255, 0.28);

  font-size: 8px;

  letter-spacing: 0.08em;
}

/* =========================================================
   NODE POSITIONS
========================================================= */

.tc-industry-node--01 {
  left: 4%;
  top: 10%;
}

.tc-industry-node--02 {
  left: 28%;
  top: 3%;
}

.tc-industry-node--03 {
  right: 9%;
  top: 12%;
}

.tc-industry-node--04 {
  left: 0%;
  top: 38%;
}

.tc-industry-node--05 {
  right: 1%;
  top: 37%;
}

.tc-industry-node--06 {
  left: 12%;
  bottom: 15%;
}

.tc-industry-node--07 {
  left: 38%;
  bottom: 5%;
}

.tc-industry-node--08 {
  right: 19%;
  bottom: 17%;
}

.tc-industry-node--09 {
  left: 3%;
  bottom: 39%;
}

.tc-industry-node--10 {
  right: 4%;
  bottom: 39%;
}

.tc-industry-node--11 {
  left: 25%;
  top: 25%;
}

.tc-industry-node--12 {
  right: 26%;
  bottom: 28%;
}

/* =========================================================
   RIGHT CONTENT
========================================================= */

.tc-industries__content {
  position: relative;

  max-width: 440px;

  padding: 35px 0 35px 45px;
}

.tc-industries__content-line {
  position: absolute;

  left: 0;
  top: 35px;
  bottom: 35px;

  width: 1px;

  background: linear-gradient(
    to bottom,
    transparent,
    rgba(154, 133, 255, 0.55) 20%,
    rgba(154, 133, 255, 0.55) 80%,
    transparent
  );
}

.tc-industries__content-number {
  margin-bottom: 28px;

  color: rgba(255, 255, 255, 0.35);

  font-size: 10px;

  letter-spacing: 0.16em;
}

.tc-industries__content h3 {
  margin: 0;

  max-width: 400px;

  font-size: clamp(34px, 3.3vw, 52px);

  font-weight: 400;

  line-height: 1.05;

  letter-spacing: -0.045em;
}

.tc-industries__content h3 strong {
  display: block;

  color: transparent;

  background: linear-gradient(110deg, #fff, #9c85ff);

  -webkit-background-clip: text;
  background-clip: text;

  font-weight: 500;
}

.tc-industries__content > p {
  margin: 27px 0 0;

  color: var(--ind-muted);

  font-size: 15px;

  line-height: 1.7;
}

/* =========================================================
   FEATURES
========================================================= */

.tc-industries__features {
  display: flex;

  flex-direction: column;

  gap: 14px;

  margin-top: 32px;
}

.tc-industries__feature {
  display: flex;

  align-items: center;

  gap: 11px;

  color: rgba(255, 255, 255, 0.68);

  font-size: 12px;
}

.tc-industries__feature-dot {
  width: 5px;
  height: 5px;

  flex: 0 0 5px;

  border-radius: 50%;

  background: var(--ind-lime);

  box-shadow: 0 0 10px rgba(215, 255, 114, 0.55);
}

/* =========================================================
   CTA
========================================================= */

.tc-industries__cta {
  display: inline-flex;

  align-items: center;

  gap: 20px;

  margin-top: 38px;

  padding: 14px 18px;

  border: 1px solid rgba(255, 255, 255, 0.15);

  border-radius: 999px;

  background: rgba(255, 255, 255, 0.045);

  color: #fff;

  text-decoration: none;

  font-size: 12px;

  transition: all 0.35s ease;
}

.tc-industries__cta:hover {
  border-color: rgba(156, 133, 255, 0.65);

  background: rgba(128, 100, 255, 0.12);

  transform: translateX(5px);
}

.tc-industries__cta-arrow {
  display: flex;

  align-items: center;
  justify-content: center;

  width: 28px;
  height: 28px;

  border-radius: 50%;

  background: rgba(255, 255, 255, 0.1);
}

/* =========================================================
   FOOTER
========================================================= */

.tc-industries__footer {
  display: flex;

  align-items: center;
  justify-content: center;

  gap: 14px;

  margin-top: 45px;

  color: rgba(255, 255, 255, 0.28);

  font-size: 9px;

  letter-spacing: 0.15em;
}

.tc-industries__footer-line {
  width: 35px;
  height: 1px;

  background: rgba(255, 255, 255, 0.13);
}

.tc-industries__footer-status {
  display: flex;

  align-items: center;

  gap: 7px;
}

.tc-industries__footer-status i {
  width: 5px;
  height: 5px;

  border-radius: 50%;

  background: var(--ind-lime);

  box-shadow: 0 0 10px var(--ind-lime);
}

.tc-industries__core img {
  max-width: 70px;
  margin: 0 auto;
}

/* =========================================================
   LARGE TABLET
========================================================= */

@media (max-width: 1199px) {
  .tc-industries__container {
    width: calc(100% - 50px);
  }

  .tc-industries__stage {
    grid-template-columns:
      minmax(0, 1.35fr)
      minmax(320px, 0.7fr);
  }

  .tc-industries__visual {
    height: 560px;
  }

  .tc-industries__orbit--one {
    width: 430px;
    height: 430px;
  }

  .tc-industries__orbit--two {
    width: 300px;
    height: 300px;
  }

  .tc-industry-node {
    min-height: 53px;

    padding: 6px 13px 6px 6px;
  }

  .tc-industry-node__icon {
    width: 38px;
    height: 38px;

    flex-basis: 38px;
  }

  .tc-industry-node__icon img {
    width: 20px;
    height: 20px;
  }

  .tc-industry-node__text {
    font-size: 12px;
  }
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {
  .tc-industries__container {
    padding-top: 90px;
  }

  .tc-industries__header {
    margin-bottom: 35px;
  }

  .tc-industries__stage {
    display: block;

    min-height: auto;
  }

  .tc-industries__visual {
    height: 580px;
  }

  .tc-industries__content {
    max-width: 600px;

    margin: 20px auto 0;

    padding: 30px 0 20px;
  }

  .tc-industries__content-line {
    display: none;
  }

  .tc-industries__content h3 {
    max-width: 500px;
  }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {
  .tc-industries__container {
    width: calc(100% - 30px);

    padding: 75px 0 45px;
  }

  .tc-industries__header {
    margin-bottom: 30px;
  }

  .tc-industries__eyebrow {
    font-size: 11px;

    margin-bottom: 18px;
  }

  .tc-industries__header h2 {
    font-size: 42px;
  }

  .tc-industries__header p {
    margin-top: 20px;

    font-size: 14px;
  }

  /* -----------------------------------------
       MOBILE VISUAL
    ----------------------------------------- */

  .tc-industries__visual {
    height: auto;

    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 10px;

    padding: 15px 0 25px;
  }

  .tc-industries__orbit,
  .tc-industries__core,
  .tc-industries__giant {
    display: none;
  }

  .tc-industry-node {
    position: relative;

    inset: auto !important;

    width: 100%;

    min-height: 57px;

    border-radius: 17px;

    transform: translateY(25px) scale(0.94);
  }

  .tc-industry-node__icon {
    width: 39px;
    height: 39px;

    flex-basis: 39px;

    border-radius: 12px;
  }

  .tc-industry-node__icon img {
    width: 20px;
    height: 20px;
  }

  .tc-industry-node__text {
    white-space: normal;

    font-size: 11px;

    line-height: 1.25;
  }

  .tc-industry-node__index {
    display: none;
  }

  /* -----------------------------------------
       MOBILE CONTENT
    ----------------------------------------- */

  .tc-industries__content {
    margin-top: 10px;

    padding: 25px 0 10px;

    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }

  .tc-industries__content-number {
    margin-bottom: 18px;
  }

  .tc-industries__content h3 {
    font-size: 34px;
  }

  .tc-industries__content > p {
    margin-top: 20px;

    font-size: 14px;
  }

  .tc-industries__features {
    margin-top: 25px;
  }

  .tc-industries__cta {
    margin-top: 30px;
  }

  .tc-industries__footer {
    margin-top: 30px;

    font-size: 7px;

    gap: 8px;
  }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 430px) {
  .tc-industries__container {
    width: calc(100% - 20px);
  }

  .tc-industries__header h2 {
    font-size: 35px;
  }

  .tc-industries__header p {
    font-size: 13px;
  }

  .tc-industries__visual {
    gap: 8px;
  }

  .tc-industry-node {
    min-height: 53px;

    padding: 6px;
    gap: 7px;
  }

  .tc-industry-node__icon {
    width: 35px;
    height: 35px;

    flex-basis: 35px;
  }

  .tc-industry-node__icon img {
    width: 18px;
    height: 18px;
  }

  .tc-industry-node__text {
    font-size: 10px;
  }

  .tc-industries__content h3 {
    font-size: 30px;
  }

  .tc-industries__footer span:last-child {
    display: none;
  }
}

/* =========================================================
   TICI TECHNOLOGIES
   GLOBAL REACH — NEW DESIGN
========================================================= */

.tn-global {
  --tn-lime: #d5ff73;
  --tn-blue: #6d8cff;
  --tn-purple: #7554ff;

  position: relative;

  overflow: hidden;

  background:
    radial-gradient(circle at 20% 60%, rgba(95, 66, 185, 0.3), transparent 34%),
    radial-gradient(
      circle at 78% 45%,
      rgba(89, 72, 190, 0.24),
      transparent 34%
    ),
    radial-gradient(
      circle at 50% 100%,
      rgba(34, 81, 138, 0.16),
      transparent 40%
    ),
    #07101d;

  color: #fff;

  isolation: isolate;
}

/* =========================================================
   BACKGROUND
========================================================= */

.tn-global::before {
  content: "";

  position: absolute;

  inset: 0;

  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px),
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px);

  background-size: 80px 80px;

  mask-image: radial-gradient(ellipse at center, black 15%, transparent 78%);

  pointer-events: none;

  z-index: -2;
}

/* =========================================================
   CONTAINER
========================================================= */

.tn-global__container {
  width: min(1420px, calc(100% - 80px));

  margin: auto;

  padding: 115px 0 105px;
}

/* =========================================================
   PARTICLES
========================================================= */

.tn-global__particles {
  position: absolute;

  inset: 0;

  pointer-events: none;

  z-index: -1;
}

.tn-global__particles span {
  position: absolute;

  width: 3px;
  height: 3px;

  border-radius: 50%;

  background: rgba(255, 255, 255, 0.75);

  box-shadow: 0 0 8px rgba(255, 255, 255, 0.5);

  animation: tnParticleFloat 5s ease-in-out infinite;
}

.tn-global__particles span:nth-child(1) {
  left: 7%;
  top: 22%;
}

.tn-global__particles span:nth-child(2) {
  left: 14%;
  top: 67%;

  animation-delay: -1s;
}

.tn-global__particles span:nth-child(3) {
  left: 25%;
  top: 17%;

  animation-delay: -2s;
}

.tn-global__particles span:nth-child(4) {
  left: 35%;
  top: 78%;

  animation-delay: -3s;
}

.tn-global__particles span:nth-child(5) {
  left: 48%;
  top: 12%;

  animation-delay: -1.5s;
}

.tn-global__particles span:nth-child(6) {
  left: 62%;
  top: 25%;

  animation-delay: -2.5s;
}

.tn-global__particles span:nth-child(7) {
  left: 71%;
  top: 73%;

  animation-delay: -3.5s;
}

.tn-global__particles span:nth-child(8) {
  left: 83%;
  top: 16%;

  animation-delay: -1.8s;
}

.tn-global__particles span:nth-child(9) {
  left: 91%;
  top: 48%;

  animation-delay: -4s;
}

.tn-global__particles span:nth-child(10) {
  left: 4%;
  top: 84%;

  animation-delay: -2.8s;
}

.tn-global__particles span:nth-child(11) {
  left: 57%;
  top: 88%;

  animation-delay: -4.5s;
}

.tn-global__particles span:nth-child(12) {
  left: 95%;
  top: 82%;

  animation-delay: -1.2s;
}

@keyframes tnParticleFloat {
  0%,
  100% {
    transform: translateY(0);
    opacity: 0.25;
  }

  50% {
    transform: translateY(-14px);
    opacity: 1;
  }
}

/* =========================================================
   HEADER
========================================================= */

.tn-global__heading {
  max-width: 900px;
  margin: 0 auto 75px;
  text-align: center;
}

.tn-global__heading .sub-heading {
  justify-content: center;
}

.tn-global__eyebrow-mark {
  width: 18px;
  height: 3px;

  display: block;

  background: var(--tn-lime);

  transform: skewX(-25deg);

  box-shadow: 8px 0 0 rgba(213, 255, 115, 0.25);
}

.tn-global__heading h2 {
  margin: 0;

  color: #fff;

  letter-spacing: -0.05em;
}

.tn-global__heading p {
  max-width: 790px;

  margin: 24px auto 0;

  color: rgba(222, 232, 245, 0.68);

  font-size: 16px;

  line-height: 1.6;
}

/* =========================================================
   MAIN GRID
========================================================= */

.tn-global__layout {
  display: grid;

  grid-template-columns:
    minmax(0, 1.35fr)
    minmax(400px, 0.65fr);

  gap: 70px;

  align-items: center;
}

/* =========================================================
   NETWORK
========================================================= */

.tn-global__network {
  position: relative;

  min-height: 650px;

  overflow: hidden;

  border-radius: 34px;

  background: radial-gradient(
    circle at center,
    rgba(87, 74, 190, 0.12),
    transparent 48%
  );
}

.tn-global__network-glow {
  position: absolute;

  width: 470px;
  height: 470px;

  left: 50%;
  top: 50%;

  transform: translate(-50%, -50%);

  border-radius: 50%;

  background: radial-gradient(
    circle,
    rgba(108, 79, 255, 0.38),
    rgba(79, 61, 193, 0.16) 35%,
    transparent 72%
  );

  filter: blur(22px);
}

/* =========================================================
   STARS
========================================================= */

.tn-global__stars i {
  position: absolute;

  width: 4px;
  height: 4px;

  border-radius: 50%;

  background: #fff;

  opacity: 0.5;

  box-shadow: 0 0 12px rgba(255, 255, 255, 0.8);
}

.tn-global__stars i:nth-child(1) {
  left: 10%;
  top: 34%;
}

.tn-global__stars i:nth-child(2) {
  left: 18%;
  top: 72%;
}

.tn-global__stars i:nth-child(3) {
  right: 16%;
  top: 22%;
}

.tn-global__stars i:nth-child(4) {
  right: 7%;
  top: 68%;
}

.tn-global__stars i:nth-child(5) {
  left: 43%;
  top: 7%;
}

.tn-global__stars i:nth-child(6) {
  left: 56%;
  bottom: 6%;
}

/* =========================================================
   ORBITS
========================================================= */

.tn-global__orbit {
  position: absolute;

  left: 50%;
  top: 50%;

  border-radius: 50%;

  transform: translate(-50%, -50%);

  border: 1px solid rgba(181, 189, 255, 0.2);
}

.tn-global__orbit--outer {
  width: 610px;
  height: 610px;
}

.tn-global__orbit--inner {
  width: 410px;
  height: 410px;

  border-color: rgba(197, 203, 255, 0.25);
}

/* =========================================================
   SVG
========================================================= */

.tn-global__svg {
  position: absolute;

  inset: 0;

  width: 100%;
  height: 100%;

  pointer-events: none;
}

.tn-global__svg path {
  fill: none;

  stroke: rgba(178, 183, 255, 0.25);

  stroke-width: 1.2;

  stroke-dasharray: 6 9;

  stroke-dashoffset: 0;

  opacity: 0.7;
}

/* =========================================================
   CORE
========================================================= */

.tn-global__core {
  position: absolute;

  left: 50%;
  top: 50%;

  width: 240px;
  height: 240px;

  transform: translate(-50%, -50%);
}

.tn-global__core-glow {
  position: absolute;

  inset: -45px;

  border-radius: 50%;

  background: radial-gradient(
    circle,
    rgba(104, 79, 255, 0.35),
    transparent 68%
  );

  filter: blur(25px);
}

.tn-global__core-ring {
  position: absolute;

  inset: 0;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background: radial-gradient(
    circle at 50% 30%,
    rgba(121, 104, 255, 0.72),
    rgba(39, 24, 109, 0.88) 45%,
    #08071c 72%
  );

  border: 1px solid rgba(196, 193, 255, 0.42);

  box-shadow:
    inset 0 0 45px rgba(130, 111, 255, 0.3),
    0 0 50px rgba(102, 77, 255, 0.25);
}

.tn-global__core-ring::before {
  content: "";

  position: absolute;

  inset: 12px;

  border-radius: 50%;

  border: 1px solid rgba(255, 255, 255, 0.12);
}

.tn-global__core-content {
  position: relative;

  z-index: 2;

  display: flex;

  flex-direction: column;

  align-items: center;

  text-align: center;
}

.tn-global__core-content span {
  color: rgba(255, 255, 255, 0.55);

  font-size: 9px;

  letter-spacing: 0.22em;
}

.tn-global__core-content strong {
  margin: 8px 0;

  font-size: 42px;

  line-height: 1;

  letter-spacing: -0.04em;
}

.tn-global__core-content strong em {
  color: var(--tn-lime);

  font-style: normal;
}

.tn-global__core-content small {
  color: var(--tn-lime);

  font-size: 8px;

  letter-spacing: 0.22em;
}

/* =========================================================
   REGION NODE
========================================================= */

.tn-global__node {
  position: absolute;

  z-index: 5;

  display: flex;

  align-items: center;

  gap: 9px;

  opacity: 0;
}

.tn-global__node-card {
  min-width: 135px;

  padding: 14px 16px;

  border: 1px solid rgba(255, 255, 255, 0.15);

  border-radius: 14px;

  background: rgba(10, 19, 34, 0.72);

  backdrop-filter: blur(14px);

  box-shadow: 0 15px 45px rgba(0, 0, 0, 0.2);
}

.tn-global__node-card strong {
  display: block;

  color: #fff;

  font-size: 24px;

  line-height: 1;
}

.tn-global__node-card small {
  display: block;

  margin-top: 7px;

  color: rgba(226, 232, 245, 0.62);

  font-size: 10px;

  line-height: 1.2;
}

.tn-global__node-point {
  width: 9px;
  height: 9px;

  flex: 0 0 9px;

  border-radius: 50%;

  background: var(--tn-lime);

  box-shadow:
    0 0 0 5px rgba(213, 255, 115, 0.08),
    0 0 20px rgba(213, 255, 115, 0.65);
}

/* =========================================================
   NODE POSITIONS
========================================================= */

.tn-global__node--south {
  left: 4%;
  top: 34%;
}

.tn-global__node--south-east {
  left: 19%;
  top: 8%;
}

.tn-global__node--middle {
  left: 4%;
  bottom: 13%;
}

.tn-global__node--europe {
  right: 3%;
  top: 15%;
}

.tn-global__node--america {
  right: 3%;
  bottom: 14%;
}

/* =========================================================
   RIGHT EXPERIENCE
========================================================= */

.tn-global__experience {
  position: relative;

  padding-left: 35px;
}

.tn-global__experience-head {
  display: flex;

  align-items: center;

  gap: 13px;

  margin-bottom: 24px;

  color: rgb(255 255 255 / 96%);

  font-size: 10px;

  font-weight: 700;

  letter-spacing: 0.15em;
}

.tn-global__experience-head div {
  width: 40px;
  height: 1px;

  background: rgba(255, 255, 255, 0.18);
}

/* =========================================================
   TIMELINE
========================================================= */

.tn-global__timeline {
  position: absolute;

  left: 0;

  top: 55px;
  bottom: 30px;

  width: 1px;

  background: linear-gradient(
    to bottom,
    transparent,
    rgba(213, 255, 115, 0.3),
    transparent
  );
}

.tn-global__timeline span {
  position: absolute;

  top: 0;

  left: -2px;

  width: 5px;
  height: 50px;

  border-radius: 10px;

  background: var(--tn-lime);

  box-shadow: 0 0 18px rgba(213, 255, 115, 0.7);

  animation: tnTimelineMove 5s ease-in-out infinite;
}

@keyframes tnTimelineMove {
  0% {
    top: 0;
  }

  50% {
    top: calc(100% - 50px);
  }

  100% {
    top: 0;
  }
}

/* =========================================================
   FEATURE
========================================================= */

.tn-global__feature {
  position: relative;

  display: grid;

  grid-template-columns: 46px 1fr 24px;

  gap: 15px;

  align-items: start;

  padding: 21px 20px 21px 0;

  border-bottom: 1px solid rgba(255, 255, 255, 0.08);

  opacity: 0;

  transform: translateX(45px);

  transition:
    background 0.4s ease,
    transform 0.4s ease;
}

.tn-global__feature:first-of-type {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.tn-global__feature:hover {
  transform: translateX(-5px);
}

/* =========================================================
   ICON
========================================================= */

.tn-global__feature-icon {
  width: 42px;
  height: 42px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 3px;

  background: #fff;

  border: 1px solid var(--tn-lime);

  transition:
    background 0.4s ease,
    box-shadow 0.4s ease;
}

.tn-global__feature:hover .tn-global__feature-icon {
  background: var(--tn-lime);

  box-shadow: 0 0 25px rgba(213, 255, 115, 0.18);
}

.tn-global__feature-icon img {
  width: 22px;
  height: 22px;

  object-fit: contain;
}

/* =========================================================
   META
========================================================= */

.tn-global__feature-meta {
  display: flex;

  align-items: center;

  gap: 9px;

  margin-bottom: 7px;
}

.tn-global__feature-meta span {
  color: var(--tn-lime);

  font-size: 9px;

  font-weight: 700;
}

.tn-global__feature-meta i {
  width: 18px;
  height: 1px;

  background: rgba(255, 255, 255, 0.16);
}

.tn-global__feature-meta small {
  color: rgb(255 255 255 / 97%);
  font-size: 8px;
  letter-spacing: 0.12em;
}

.tn-global__feature-body h3 {
  margin: 0 0 7px;

  color: #fff;

  font-size: 17px;

  font-weight: 600;

  line-height: 1.3;
}

.tn-global__feature-body p {
  margin: 0;

  color: rgba(220, 231, 245, 0.58);

  font-size: 12.5px;

  line-height: 1.55;
}

/* =========================================================
   ARROW
========================================================= */

.tn-global__feature-arrow {
  display: flex;

  align-items: center;
  justify-content: center;

  width: 24px;
  height: 24px;

  border: 1px solid rgba(255, 255, 255, 0.12);

  border-radius: 50%;

  color: rgba(255, 255, 255, 0.45);

  font-size: 11px;

  transition: all 0.35s ease;
}

.tn-global__feature:hover .tn-global__feature-arrow {
  color: #07101d;

  background: var(--tn-lime);

  border-color: var(--tn-lime);

  transform: translate(3px, -3px);
}

/* =========================================================
   DESKTOP PARALLAX
========================================================= */

.tn-global__network {
  will-change: transform;
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1199px) {
  .tn-global__container {
    width: calc(100% - 50px);

    padding: 90px 0 80px;
  }

  .tn-global__layout {
    grid-template-columns:
      minmax(0, 1.2fr)
      minmax(350px, 0.8fr);

    gap: 40px;
  }

  .tn-global__network {
    min-height: 570px;
  }

  .tn-global__orbit--outer {
    width: 530px;
    height: 530px;
  }

  .tn-global__orbit--inner {
    width: 360px;
    height: 360px;
  }

  .tn-global__core {
    width: 205px;
    height: 205px;
  }

  .tn-global__node-card {
    min-width: 115px;

    padding: 11px 13px;
  }

  .tn-global__node-card strong {
    font-size: 20px;
  }
}

/* =========================================================
   TABLET / MOBILE
========================================================= */

@media (max-width: 991px) {
  .tn-global__layout {
    grid-template-columns: 1fr;

    gap: 55px;
  }

  .tn-global__network {
    max-width: 850px;

    width: 100%;

    margin: auto;
  }

  .tn-global__experience {
    max-width: 850px;

    width: 100%;

    margin: auto;
  }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {
  .tn-global__container {
    width: calc(100% - 30px);

    padding: 70px 0 60px;
  }

  .tn-global__heading {
    margin-bottom: 45px;
  }

  .tn-global__heading h2 {
    font-size: 36px;

    letter-spacing: -0.04em;
  }

  .tn-global__heading p {
    font-size: 14px;
  }

  /* network */

  .tn-global__network {
    min-height: 500px;
  }

  .tn-global__orbit--outer {
    width: 440px;
    height: 440px;
  }

  .tn-global__orbit--inner {
    width: 290px;
    height: 290px;
  }

  .tn-global__core {
    width: 165px;
    height: 165px;
  }

  .tn-global__core-content strong {
    font-size: 30px;
  }

  .tn-global__node-card {
    min-width: 95px;

    padding: 9px 10px;
  }

  .tn-global__node-card strong {
    font-size: 17px;
  }

  .tn-global__node-card small {
    font-size: 8px;
  }

  .tn-global__node-point {
    width: 7px;
    height: 7px;

    flex-basis: 7px;
  }

  .tn-global__node--south {
    left: 0;
    top: 34%;
  }

  .tn-global__node--south-east {
    left: 13%;
    top: 8%;
  }

  .tn-global__node--middle {
    left: 0;
    bottom: 10%;
  }

  .tn-global__node--europe {
    right: 0;
    top: 15%;
  }

  .tn-global__node--america {
    right: 0;
    bottom: 10%;
  }

  /* experience */

  .tn-global__experience {
    padding-left: 27px;
  }

  .tn-global__feature {
    grid-template-columns: 40px 1fr 20px;

    gap: 12px;

    padding: 17px 8px 17px 0;
  }

  .tn-global__feature-icon {
    width: 38px;
    height: 38px;
  }

  .tn-global__feature-body h3 {
    font-size: 15px;
  }

  .tn-global__feature-body p {
    font-size: 12px;
  }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {
  .tn-global__container {
    width: calc(100% - 20px);
  }

  .tn-global__heading h2 {
    font-size: 30px;
  }

  .tn-global__network {
    min-height: 430px;
  }

  .tn-global__orbit--outer {
    width: 360px;
    height: 360px;
  }

  .tn-global__orbit--inner {
    width: 245px;
    height: 245px;
  }

  .tn-global__core {
    width: 135px;
    height: 135px;
  }

  .tn-global__core-content strong {
    font-size: 25px;
  }

  .tn-global__node-card {
    min-width: 78px;

    padding: 7px 8px;
  }

  .tn-global__node-card strong {
    font-size: 14px;
  }

  .tn-global__node-card small {
    font-size: 7px;
  }

  .tn-global__node-point {
    display: none;
  }

  .tn-global__node--south {
    left: 0;
  }

  .tn-global__node--south-east {
    left: 7%;
  }

  .tn-global__node--middle {
    left: 0;
  }

  .tn-global__node--europe {
    right: 0;
  }

  .tn-global__node--america {
    right: 0;
  }

  .tn-global__feature {
    grid-template-columns: 36px 1fr;
  }

  .tn-global__feature-arrow {
    display: none;
  }

  .tn-global__feature-icon {
    width: 34px;
    height: 34px;
  }

  .tn-global__feature-icon img {
    width: 18px;
    height: 18px;
  }
}

/* =========================================================
   HOW WE WORK
========================================================= */

.tc-process-section {
  position: relative;
  overflow: hidden;
  background: #08080d;
  color: #ffffff;
  isolation: isolate;
}

.tc-process-container {
  position: relative;
  z-index: 2;
  width: min(1440px, calc(100% - 80px));
  margin: 0 auto;
  padding: 150px 0 110px;
}

/* =========================================================
   BACKGROUND
========================================================= */

.tc-process-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: -1;
}

.tc-process-bg__glow {
  position: absolute;
  width: 650px;
  height: 650px;
  border-radius: 50%;
  filter: blur(120px);
  opacity: 0.2;
}

.tc-process-bg__glow--one {
  left: 15%;
  top: 25%;
  background: #5636ff;
}

.tc-process-bg__glow--two {
  right: 5%;
  bottom: -25%;
  background: #8d5cff;
  opacity: 0.1;
}

.tc-process-bg__grid {
  position: absolute;
  inset: 0;

  background-image:
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);

  background-size: 90px 90px;

  mask-image: linear-gradient(
    to bottom,
    transparent,
    #000 15%,
    #000 85%,
    transparent
  );
}

.tc-process-bg__dots span {
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.7);
}

.tc-process-bg__dots span:nth-child(1) {
  top: 18%;
  left: 8%;
}

.tc-process-bg__dots span:nth-child(2) {
  top: 32%;
  right: 13%;
}

.tc-process-bg__dots span:nth-child(3) {
  top: 64%;
  left: 16%;
}

.tc-process-bg__dots span:nth-child(4) {
  bottom: 18%;
  right: 7%;
}

.tc-process-bg__dots span:nth-child(5) {
  top: 12%;
  right: 32%;
}

.tc-process-bg__dots span:nth-child(6) {
  bottom: 12%;
  left: 42%;
}

/* =========================================================
   HEADER
========================================================= */

.tc-process-head {
  max-width: 900px;
  margin: 0 auto 105px;
  text-align: center;
}

/* TOP LABEL */

.tc-process-label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-bottom: 26px;

  font-size: 14px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.75);
  letter-spacing: 0.02em;
}

.tc-process-label__number {
  color: #ffffff;
}

.tc-process-label__line {
  display: block;
  width: 42px;
  height: 1px;
  background: rgba(255, 255, 255, 0.45);

  transform-origin: left center;
}

.tc-process-label__text {
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.12em;
}

/* HEADING */

.tc-process-head h2 {
  margin: 0;
}

.tc-process-head p {
  max-width: 760px;
  margin: 28px auto 0;

  font-size: 18px;
  line-height: 1.7;

  color: rgba(255, 255, 255, 0.58);
}

/* =========================================================
   PROCESS TRACK
========================================================= */

.tc-process-track {
  position: relative;

  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 24px;

  padding-top: 40px;
}

/* MAIN LINE */

.tc-process-track__line {
  position: absolute;

  top: 40px;
  left: 10%;
  right: 10%;

  height: 1px;

  background: rgba(255, 255, 255, 0.16);

  transform: translateY(0);
}

.tc-process-track__progress {
  display: block;

  width: 0;
  height: 100%;

  background: linear-gradient(90deg, #ffffff, #8b6cff, #b59cff);

  box-shadow: 0 0 15px rgba(137, 108, 255, 0.8);
}

/* =========================================================
   STEP
========================================================= */

.tc-process-step {
  position: relative;
  min-width: 0;
}

/* TOP NUMBER */

.tc-process-step__top {
  position: relative;
  height: 65px;

  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.tc-process-step__number {
  position: absolute;

  top: -30px;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 62px;
  height: 62px;

  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 50%;

  background: #08080d;

  color: rgba(255, 255, 255, 0.65);

  font-size: 14px;
  font-weight: 500;

  z-index: 3;

  transition:
    color 0.4s ease,
    border-color 0.4s ease,
    background 0.4s ease,
    box-shadow 0.4s ease,
    transform 0.4s ease;
}

/* DOT */

.tc-process-step__dot {
  position: absolute;

  top: 28px;

  width: 7px;
  height: 7px;

  border-radius: 50%;

  background: #a98cff;

  box-shadow:
    0 0 0 5px rgba(169, 140, 255, 0.08),
    0 0 20px rgba(169, 140, 255, 0.8);

  opacity: 0;

  transform: scale(0);

  z-index: 4;
}

/* =========================================================
   CONTENT
========================================================= */

.tc-process-step__content {
  position: relative;

  min-height: 365px;

  padding: 38px 30px 35px;

  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 22px;

  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.055),
    rgba(255, 255, 255, 0.018)
  );

  backdrop-filter: blur(15px);

  transition:
    transform 0.45s cubic-bezier(0.2, 0.7, 0.2, 1),
    border-color 0.45s ease,
    background 0.45s ease,
    box-shadow 0.45s ease;
}

.tc-process-step__content::before {
  content: "";

  position: absolute;

  top: -1px;
  left: 25px;
  right: 25px;

  height: 1px;

  background: linear-gradient(
    90deg,
    transparent,
    rgba(164, 135, 255, 0.8),
    transparent
  );

  opacity: 0;

  transition: opacity 0.4s ease;
}

/* ICON */

.tc-process-step__icon {
  width: 58px;
  height: 58px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 16px;

  background: rgba(145, 115, 255, 0.1);

  border: 1px solid rgba(145, 115, 255, 0.2);

  color: #b7a3ff;

  font-size: 21px;

  margin-bottom: 30px;

  transition:
    transform 0.4s ease,
    background 0.4s ease,
    color 0.4s ease;
}

/* EYEBROW */

.tc-process-step__eyebrow {
  display: block;

  margin-bottom: 12px;

  color: rgba(255, 255, 255, 0.4);

  font-size: 11px;
  font-weight: 600;

  letter-spacing: 0.16em;
}

/* TITLE */

.tc-process-step h3 {
  margin: 0;

  font-size: 25px;
  line-height: 1.15;

  font-weight: 500;
  letter-spacing: -0.025em;

  color: #ffffff;
}

/* SMALL LINE */

.tc-process-step h3::after {
  content: "";

  display: block;

  width: 35px;
  height: 1px;

  margin-top: 18px;

  background: #a98cff;
}

/* DESCRIPTION */

.tc-process-step p {
  margin: 22px 0 0;

  font-size: 15px;
  line-height: 1.75;

  color: rgba(255, 255, 255, 0.52);
}

/* =========================================================
   HOVER
========================================================= */

.tc-process-step:hover .tc-process-step__content {
  transform: translateY(-10px);

  border-color: rgba(166, 140, 255, 0.28);

  background: linear-gradient(
    145deg,
    rgba(126, 96, 255, 0.11),
    rgba(255, 255, 255, 0.025)
  );

  box-shadow: 0 25px 70px rgba(0, 0, 0, 0.3);
}

.tc-process-step:hover .tc-process-step__content::before {
  opacity: 1;
}

.tc-process-step:hover .tc-process-step__number {
  border-color: #a98cff;
  color: #ffffff;

  background: #14101f;

  box-shadow: 0 0 30px rgba(169, 140, 255, 0.25);

  transform: scale(1.05);
}

.tc-process-step:hover .tc-process-step__icon {
  background: rgba(169, 140, 255, 0.18);
  color: #ffffff;

  transform: translateY(-4px);
}

/* =========================================================
   FOOTER
========================================================= */

.tc-process-footer {
  display: flex;
  align-items: center;

  margin-top: 65px;

  color: rgba(255, 255, 255, 0.35);

  font-size: 11px;
  letter-spacing: 0.14em;
}

.tc-process-footer__status {
  display: flex;
  align-items: center;
  gap: 10px;
}

.tc-process-footer__status i {
  width: 7px;
  height: 7px;

  border-radius: 50%;

  background: #9eff72;

  box-shadow: 0 0 12px rgba(158, 255, 114, 0.7);
}

.tc-process-footer__line {
  flex: 1;

  height: 1px;

  margin: 0 20px;

  background: rgba(255, 255, 255, 0.08);
}

.tc-process-footer__count {
  white-space: nowrap;
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {
  .tc-process-container {
    width: min(100% - 50px, 1000px);
  }

  .tc-process-track {
    gap: 14px;
  }

  .tc-process-step__content {
    padding: 30px 22px;
  }

  .tc-process-step h3 {
    font-size: 21px;
  }

  .tc-process-step p {
    font-size: 14px;
  }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {
  .tc-process-container {
    width: calc(100% - 36px);
    padding: 90px 0 70px;
  }

  .tc-process-head {
    margin-bottom: 70px;
  }

  .tc-process-label {
    margin-bottom: 22px;
  }

  .tc-process-head h2 {
    font-size: clamp(38px, 11vw, 52px);
    line-height: 1;
  }

  .tc-process-head p {
    margin-top: 22px;
    font-size: 15px;
    line-height: 1.65;
  }

  /* Vertical timeline */

  .tc-process-track {
    display: block;

    padding-left: 25px;
    padding-top: 0;
  }

  .tc-process-track__line {
    top: 0;
    bottom: 0;
    left: 8px;
    right: auto;

    width: 1px;
    height: auto;

    transform: none;
  }

  .tc-process-track__progress {
    width: 100%;
    height: 0;
  }

  .tc-process-step {
    margin-bottom: 25px;
  }

  .tc-process-step:last-child {
    margin-bottom: 0;
  }

  .tc-process-step__top {
    position: absolute;

    left: -25px;
    top: 25px;

    width: 50px;
    height: 50px;

    z-index: 5;
  }

  .tc-process-step__number {
    width: 42px;
    height: 42px;

    font-size: 11px;
  }

  .tc-process-step__dot {
    display: none;
  }

  .tc-process-step__content {
    min-height: auto;

    padding: 30px 25px 30px;

    border-radius: 18px;
  }

  .tc-process-step__icon {
    width: 52px;
    height: 52px;

    margin-bottom: 25px;
  }

  .tc-process-step h3 {
    font-size: 22px;
  }

  .tc-process-step p {
    font-size: 14px;
    line-height: 1.7;
  }

  .tc-process-footer {
    margin-top: 45px;
  }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {
  .tc-process-container {
    width: calc(100% - 28px);
  }

  .tc-process-head h2 {
    font-size: 38px;
  }

  .tc-process-track {
    padding-left: 20px;
  }

  .tc-process-track__line {
    left: 6px;
  }

  .tc-process-step__top {
    left: -20px;
  }

  .tc-process-step__content {
    padding: 25px 20px;
  }

  .tc-process-footer {
    font-size: 9px;
  }
}

/* =========================================================
   WHY TICI — REFINED LAYOUT
========================================================= */

.tci-proof-section {
  position: relative;
  overflow: hidden;
  background: #070612;
  color: #fff;
  padding: 145px 0 105px;
  isolation: isolate;
}

/* =========================================================
   HEADER
========================================================= */

.tci-proof-head {
  max-width: 900px;
  margin-bottom: 72px;
}

.tci-proof-label {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 25px;

  font-size: 13px;
  color: rgba(255, 255, 255, 0.65);
  letter-spacing: 0.04em;
}

.tci-proof-label span:first-child {
  color: #b6ff3b;
  font-weight: 500;
}

.tci-proof-label i {
  display: block;
  width: 45px;
  height: 1px;
  background: rgba(255, 255, 255, 0.35);

  transform-origin: left center;
}

.tci-proof-head h2 {
  max-width: 900px;
  margin: 0 0 24px;
}

.tci-proof-head p {
  max-width: 760px;

  margin: 0;

  font-size: 18px;
  line-height: 1.65;

  color: rgba(255, 255, 255, 0.55);
}

/* =========================================================
   MAIN BENTO
========================================================= */

.tci-proof-layout {
  display: grid;

  grid-template-columns: 1fr 1.6fr;

  gap: 16px;

  align-items: stretch;
}

/* =========================================================
   LEFT FEATURE
========================================================= */

.tci-proof-hero {
  position: relative;

  min-height: 640px;

  padding: 30px;

  display: flex;
  flex-direction: column;
  justify-content: space-between;

  overflow: hidden;

  border: 1px solid rgba(255, 255, 255, 0.11);

  border-radius: 24px;

  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.065),
    rgba(255, 255, 255, 0.018)
  );

  box-shadow: inset 0 1px rgba(255, 255, 255, 0.07);
}

.tci-proof-hero::after {
  content: "";

  position: absolute;

  width: 450px;
  height: 450px;

  left: 50%;
  top: 48%;

  transform: translate(-50%, -50%);

  background: radial-gradient(
    circle,
    rgba(105, 74, 255, 0.25),
    transparent 68%
  );

  pointer-events: none;
}

/* =========================================================
   HERO HEADER
========================================================= */

.tci-proof-hero__top {
  position: relative;
  z-index: 3;

  display: flex;
  justify-content: space-between;
  align-items: center;
}

.tci-proof-hero__eyebrow {
  font-size: 10px;
  letter-spacing: 0.18em;
  color: #d5f45a;
}

.tci-proof-hero__index {
  font-size: 10px;
  color: rgb(255 255 255 / 68%);
}

/* =========================================================
   HERO VISUAL
========================================================= */

.tci-proof-hero__visual {
  position: absolute;

  top: 50%;
  left: 50%;

  width: 350px;
  height: 350px;

  transform: translate(-50%, -53%);

  display: flex;
  align-items: center;
  justify-content: center;

  z-index: 2;
}

.tci-proof-orbit {
  position: absolute;

  border-radius: 50%;

  border: 1px solid rgba(155, 125, 255, 0.25);
}

.tci-proof-orbit--one {
  width: 350px;
  height: 350px;
}

.tci-proof-orbit--two {
  width: 255px;
  height: 255px;

  border-color: rgba(182, 255, 59, 0.17);
}

.tci-proof-orbit::after {
  content: "";

  position: absolute;

  width: 6px;
  height: 6px;

  top: 13%;
  right: 15%;

  border-radius: 50%;

  background: #d5f45a;

  box-shadow: 0 0 15px #d5f45a;
}

.tci-proof-core {
  position: relative;

  width: 170px;
  height: 170px;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background: radial-gradient(circle at 35% 25%, #4a347c, #161229 58%, #090711);

  border: 1px solid rgba(255, 255, 255, 0.16);

  box-shadow:
    0 0 70px rgba(107, 77, 255, 0.42),
    inset 0 0 40px rgba(255, 255, 255, 0.04);
}

.tci-proof-core strong {
  font-size: 40px;
  line-height: 1;
  letter-spacing: -0.05em;
}

.tci-proof-core small {
  margin-top: 8px;

  font-size: 9px;
  letter-spacing: 0.22em;

  color: rgba(255, 255, 255, 0.45);
}

/* =========================================================
   HERO BOTTOM
========================================================= */

.tci-proof-hero__bottom {
  position: relative;
  z-index: 3;

  max-width: 420px;
}

.tci-proof-hero__bottom h3 {
  margin: 0 0 15px;
  line-height: 1.05;
  font-weight: 400;
}

.tci-proof-hero__bottom h3 span {
  color: #a994ff;
}

.tci-proof-hero__bottom p {
  margin: 0;

  font-size: 14px;
  line-height: 1.65;

  color: rgba(255, 255, 255, 0.5);
}

/* =========================================================
   RIGHT GRID
========================================================= */

.tci-proof-grid {
  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  grid-template-rows:
    minmax(230px, 1fr)
    minmax(230px, 1fr)
    minmax(180px, auto);

  gap: 16px;
}

/* =========================================================
   PROOF CARD
========================================================= */

.tci-proof-card {
  position: relative;

  min-width: 0;

  padding: 27px;

  display: flex;
  flex-direction: column;

  overflow: hidden;

  border-radius: 20px;

  border: 1px solid rgba(255, 255, 255, 0.09);

  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.055),
    rgba(255, 255, 255, 0.015)
  );

  transition:
    transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1),
    border-color 0.45s ease,
    background 0.45s ease,
    box-shadow 0.45s ease;
}

.tci-proof-card:hover {
  transform: translateY(-6px);

  border-color: rgba(182, 255, 59, 0.28);

  background: linear-gradient(
    145deg,
    rgba(108, 77, 255, 0.12),
    rgba(255, 255, 255, 0.018)
  );

  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.25);
}

/* =========================================================
   CARD 06 WIDE
========================================================= */

.tci-proof-card--wide {
  grid-column: 1 / -1;

  min-height: 190px;
}

/* =========================================================
   CARD TOP
========================================================= */

.tci-proof-card__top {
  display: flex;

  justify-content: space-between;
  align-items: center;
}

.tci-proof-card__number {
  font-size: 10px;

  color: rgba(255, 255, 255, 0.8);

  letter-spacing: 0.15em;
}

.tci-proof-card__icon {
  width: 42px;
  height: 42px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 11px;

  color: #d5f45a;

  background: rgba(182, 255, 59, 0.06);

  border: 1px solid rgba(182, 255, 59, 0.17);

  transition:
    background 0.4s ease,
    color 0.4s ease,
    transform 0.4s ease;
}

.tci-proof-card:hover .tci-proof-card__icon {
  background: #d5f45a;
  color: #08090a;

  transform: rotate(7deg);
}

/* =========================================================
   CARD CONTENT
========================================================= */

.tci-proof-card__content {
  margin-top: auto;
}

.tci-proof-card h3 {
  margin: 0 0 12px;

  font-size: 22px;
  line-height: 1.15;

  font-weight: 400;

  letter-spacing: -0.025em;
}

.tci-proof-card p {
  max-width: 500px;

  margin: 0;

  font-size: 13px;
  line-height: 1.65;

  color: rgba(255, 255, 255, 0.48);
}

/* =========================================================
   CARD ACCENT LINE
========================================================= */

.tci-proof-card__line {
  position: absolute;

  left: 27px;
  bottom: 0;

  width: 45px;
  height: 2px;

  background: #b6ff3b;

  transform: scaleX(0);

  transform-origin: left;

  transition: transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.tci-proof-card:hover .tci-proof-card__line {
  transform: scaleX(1);
}

/* =========================================================
   FOOTER
========================================================= */

.tci-proof-footer {
  display: flex;

  align-items: center;

  margin-top: 28px;

  font-size: 9px;

  letter-spacing: 0.17em;

  color: rgba(255, 255, 255, 0.3);
}

.tci-proof-footer__pulse {
  width: 6px;
  height: 6px;

  margin-right: 9px;

  border-radius: 50%;

  background: #b6ff3b;

  box-shadow: 0 0 14px rgba(182, 255, 59, 0.8);
}

.tci-proof-footer i {
  width: 35px;
  height: 1px;

  margin: 0 13px;

  background: rgba(255, 255, 255, 0.13);
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {
  .tci-proof-layout {
    grid-template-columns: 1fr;
  }

  .tci-proof-hero {
    min-height: 560px;
  }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {
  .tci-proof-section {
    padding: 90px 0 70px;
  }

  .tci-proof-head {
    margin-bottom: 45px;
  }

  .tci-proof-head h2 {
    font-size: clamp(42px, 12vw, 60px);
  }

  .tci-proof-head p {
    font-size: 15px;
  }

  .tci-proof-layout {
    gap: 14px;
  }

  .tci-proof-hero {
    min-height: 500px;

    padding: 24px;

    border-radius: 20px;
  }

  .tci-proof-hero__visual {
    width: 275px;
    height: 275px;
  }

  .tci-proof-orbit--one {
    width: 275px;
    height: 275px;
  }

  .tci-proof-orbit--two {
    width: 205px;
    height: 205px;
  }

  .tci-proof-core {
    width: 140px;
    height: 140px;
  }

  .tci-proof-core strong {
    font-size: 32px;
  }

  .tci-proof-grid {
    grid-template-columns: 1fr;

    grid-template-rows: auto;

    gap: 14px;
  }

  .tci-proof-card,
  .tci-proof-card--wide {
    grid-column: auto;

    min-height: 245px;

    padding: 24px;

    border-radius: 18px;
  }

  .tci-proof-card h3 {
    font-size: 21px;
  }

  .tci-proof-card p {
    font-size: 14px;
  }

  .tci-proof-footer {
    flex-wrap: wrap;

    gap: 5px;

    line-height: 1.8;
  }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {
  .tci-proof-section {
    padding: 75px 0 55px;
  }

  .tci-proof-hero {
    min-height: 460px;
  }

  .tci-proof-hero__visual {
    width: 245px;
    height: 245px;
  }

  .tci-proof-orbit--one {
    width: 245px;
    height: 245px;
  }

  .tci-proof-orbit--two {
    width: 180px;
    height: 180px;
  }

  .tci-proof-core {
    width: 120px;
    height: 120px;
  }

  .tci-proof-core strong {
    font-size: 27px;
  }
}

/* media all */
@media (max-width: 575px) {
  .cmn-gap {
    padding: 50px 0;
  }

  .banner-slider__slide {
    min-height: auto;
  }

  .what-we-do-card-link {
    padding: 14px;
    padding-bottom: 25px;
  }

  .what-we-do {
    padding-left: 12px;
    padding-right: 12px;
  }

  .what-we-do .row {
    --bs-gutter-y: 20px;
  }

  .sub-heading {
    font-size: 10px;
  }

  .sub-heading i {
    height: 1px;
  }

  .myServiceSlider {
    padding-top: 20px;
  }

  .tc-industries__header {
    margin-bottom: 10px;
  }

  .btn-more {
    font-size: 14px;
  }

  .service-card::after {
    height: 2px;
  }

  .tc-process-track__line,
  .tc-process-step__top {
    display: none;
  }

  .tc-process-track {
    padding-left: 0px;
  }

  .tc-process-head {
    margin-bottom: 40px;
  }
}

/* =========================================================
   ABOUT HERO
========================================================= */

.about-hero {
  position: relative;

  min-height: min(760px, 82vh);

  display: flex;
  align-items: flex-end;

  overflow: hidden;

  isolation: isolate;

  background: #07070d;

  color: #fff;
}

/* =========================================================
   BACKGROUND
========================================================= */

.about-hero__media {
  position: absolute;

  inset: 0;

  z-index: -3;

  overflow: hidden;
}

.about-hero__image {
  position: absolute;

  width: 100%;
  height: 100%;

  object-fit: cover;

  object-position: center;

  transform: scale(1.08);

  will-change: transform;
}

.about-hero__overlay {
  position: absolute;

  inset: 0;

  background:
    linear-gradient(
      90deg,
      rgba(5, 5, 10, 0.94) 0%,
      rgba(5, 5, 10, 0.76) 38%,
      rgba(5, 5, 10, 0.32) 72%,
      rgba(5, 5, 10, 0.55) 100%
    ),
    linear-gradient(
      0deg,
      rgba(5, 5, 10, 0.92) 0%,
      rgba(5, 5, 10, 0.12) 52%,
      rgba(5, 5, 10, 0.42) 100%
    );
}

.about-hero__noise {
  position: absolute;

  inset: 0;

  opacity: 0.08;

  pointer-events: none;

  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");

  mix-blend-mode: overlay;
}

/* =========================================================
   CONTAINER
========================================================= */

.about-hero__container {
  width: 100%;

  max-width: 1440px;

  margin: 0 auto;

  padding: 150px 60px 58px;
}

.about-hero__content {
  position: relative;

  width: 100%;
}

/* =========================================================
   LABEL
========================================================= */

.about-hero__label {
  display: flex;

  align-items: center;

  gap: 13px;

  margin-bottom: 25px;

  width: max-content;

  font-size: 12px;

  letter-spacing: 0.08em;

  text-transform: uppercase;

  color: rgba(255, 255, 255, 0.72);
}

.about-hero__label-number {
  color: #fff;

  font-weight: 600;
}

.about-hero__label-line {
  position: relative;

  display: block;

  width: 48px;

  height: 1px;

  overflow: hidden;

  background: rgba(255, 255, 255, 0.25);
}

.about-hero__label-line::after {
  content: "";

  position: absolute;

  inset: 0;

  width: 100%;

  background: #b7ff3c;

  transform: translateX(-100%);
}

/* =========================================================
   TITLE
========================================================= */

.about-hero__title {
  max-width: 900px;

  margin: 0;

  font-size: clamp(70px, 10vw, 90px);

  line-height: 0.86;

  font-weight: 400;

  letter-spacing: -0.065em;

  color: #fff;
}

/* =========================================================
   BOTTOM
========================================================= */

.about-hero__bottom {
  display: flex;

  justify-content: space-between;

  align-items: center;

  margin-top: 75px;

  padding-top: 22px;

  border-top: 1px solid rgba(255, 255, 255, 0.16);
}

/* =========================================================
   BREADCRUMB
========================================================= */

.about-hero__breadcrumb {
  display: flex;

  align-items: center;

  gap: 14px;

  font-size: 12px;

  letter-spacing: 0.04em;

  color: rgba(255, 255, 255, 0.45);
}

.about-hero__breadcrumb a {
  color: rgba(255, 255, 255, 0.75);

  text-decoration: none;

  transition: color 0.3s ease;
}

.about-hero__breadcrumb a:hover {
  color: #b7ff3c;
}

.about-hero__breadcrumb-line {
  width: 25px;

  height: 1px;

  background: rgba(255, 255, 255, 0.25);
}

.about-hero__current {
  color: #8980f1;
}

/* =========================================================
   META
========================================================= */

.about-hero__meta {
  display: flex;

  align-items: center;

  gap: 12px;

  font-size: 9px;

  letter-spacing: 0.17em;

  color: rgba(255, 255, 255, 0.35);
}

.about-hero__meta i {
  display: block;

  width: 5px;
  height: 5px;

  border-radius: 50%;

  background: #fff;

  box-shadow: 0 0 12px rgba(183, 255, 60, 0.7);
}

/* =========================================================
   DECORATION
========================================================= */

.about-hero__decor {
  position: absolute;

  inset: 0;

  pointer-events: none;

  z-index: -1;
}

.about-hero__dot {
  position: absolute;

  width: 4px;
  height: 4px;

  border-radius: 50%;

  background: #fff;

  opacity: 0.65;

  box-shadow: 0 0 12px rgba(255, 255, 255, 0.55);
}

.about-hero__dot--one {
  top: 22%;

  right: 24%;
}

.about-hero__dot--two {
  top: 46%;

  right: 10%;

  width: 3px;
  height: 3px;
}

.about-hero__dot--three {
  top: 29%;

  right: 42%;

  width: 2px;
  height: 2px;
}

.about-hero__ring {
  position: absolute;

  width: 430px;
  height: 430px;

  right: 7%;
  top: 50%;

  transform: translateY(-50%);

  border: 1px solid rgba(255, 255, 255, 0.07);

  border-radius: 50%;
}

.about-hero__ring::before {
  content: "";

  position: absolute;

  inset: 55px;

  border: 1px solid rgba(183, 255, 60, 0.08);

  border-radius: 50%;
}

/* =========================================================
   SCROLL
========================================================= */

.about-hero__scroll {
  position: absolute;

  right: 55px;
  bottom: 55px;

  display: flex;

  flex-direction: column;

  align-items: center;

  gap: 12px;

  font-size: 8px;

  letter-spacing: 0.18em;

  color: rgba(255, 255, 255, 0.35);

  writing-mode: vertical-rl;
}

.about-hero__scroll i {
  display: block;

  width: 1px;

  height: 42px;

  background: linear-gradient(to bottom, #fff, transparent);
}

.cta-dark-color {
  background: #090215;
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {
  .about-hero {
    min-height: 650px;
  }

  .about-hero__container {
    padding: 130px 35px 45px;
  }

  .about-hero__title {
    font-size: clamp(65px, 11vw, 105px);
  }

  .about-hero__bottom {
    margin-top: 55px;
  }

  .about-hero__ring {
    width: 330px;
    height: 330px;

    right: -70px;
  }

  .about-hero__scroll {
    right: 25px;
    bottom: 35px;
  }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {
  .about-hero {
    min-height: 620px;

    align-items: flex-end;
  }

  .about-hero__image {
    object-position: 58% center;
  }

  .about-hero__overlay {
    background: linear-gradient(
      180deg,
      rgba(5, 5, 10, 0.45) 0%,
      rgba(5, 5, 10, 0.6) 40%,
      rgba(5, 5, 10, 0.96) 100%
    );
  }

  .about-hero__container {
    padding: 125px 22px 32px;
  }

  .about-hero__label {
    margin-bottom: 20px;

    font-size: 10px;

    gap: 10px;
  }

  .about-hero__label-line {
    width: 32px;
  }

  .about-hero__title {
    font-size: clamp(58px, 18vw, 90px);

    line-height: 0.88;

    letter-spacing: -0.07em;
  }

  .about-hero__bottom {
    margin-top: 45px;

    padding-top: 18px;

    align-items: flex-start;

    gap: 20px;

    flex-direction: column;
  }

  .about-hero__breadcrumb {
    font-size: 11px;
  }

  .about-hero__meta {
    font-size: 8px;
  }

  .about-hero__ring {
    width: 250px;
    height: 250px;

    right: -120px;

    top: 30%;
  }

  .about-hero__ring::before {
    inset: 35px;
  }

  .about-hero__scroll {
    display: none;
  }

  .about-hero__dot--one {
    top: 25%;
    right: 25%;
  }

  .about-hero__dot--two {
    top: 38%;
    right: 12%;
  }

  .about-hero__dot--three {
    top: 18%;
    right: 45%;
  }
}

@media (max-width: 480px) {
  .about-hero {
    min-height: 570px;
  }

  .about-hero__container {
    padding: 110px 18px 27px;
  }

  .about-hero__title {
    font-size: 58px;
  }

  .about-hero__bottom {
    margin-top: 38px;
  }
}

/* =========================================================
   TICI STORY
   PREMIUM DARK EDITORIAL DESIGN
========================================================= */

.tici-story {
  position: relative;

  width: 100%;

  padding: 150px 0 160px;

  overflow: hidden;

  background:
    radial-gradient(circle at 78% 45%, rgba(91, 57, 190, 0.2), transparent 32%),
    #05030f;

  color: #fff;

  isolation: isolate;
}

/* =========================================================
   BACKGROUND
========================================================= */

.tici-story__background {
  position: absolute;

  inset: 0;

  z-index: -1;

  pointer-events: none;
}

/* GRID */

.tici-story__grid {
  position: absolute;

  inset: 0;

  opacity: 0.16;

  background-image:
    linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);

  background-size: 70px 70px;

  mask-image: linear-gradient(
    to bottom,
    transparent,
    #000 20%,
    #000 80%,
    transparent
  );
}

/* GLOW */

.tici-story__glow {
  position: absolute;

  width: 650px;
  height: 650px;

  border-radius: 50%;

  filter: blur(100px);

  opacity: 0.18;
}

.tici-story__glow--one {
  right: -250px;
  top: 10%;

  background: #7048ff;
}

.tici-story__glow--two {
  left: -350px;
  bottom: -250px;

  background: #4223a7;
}

/* DOTS */

.tici-story__dot {
  position: absolute;

  width: 4px;
  height: 4px;

  border-radius: 50%;

  background: rgba(255, 255, 255, 0.65);

  box-shadow: 0 0 14px rgba(255, 255, 255, 0.35);
}

.tici-story__dot--one {
  top: 18%;
  left: 8%;
}

.tici-story__dot--two {
  top: 32%;
  right: 7%;
}

.tici-story__dot--three {
  bottom: 18%;
  left: 43%;
}

.tici-story__dot--four {
  bottom: 30%;
  right: 14%;
}

/* =========================================================
   LABEL
========================================================= */

.story-label {
  display: flex;
  align-items: center;

  width: fit-content;

  margin-bottom: 75px;

  font-size: 10px;

  line-height: 1;

  letter-spacing: 0.16em;

  text-transform: uppercase;

  color: rgba(255, 255, 255, 0.65);
}

.story-label__number {
  position: relative;

  display: flex;

  align-items: center;
  justify-content: center;

  width: 44px;
  height: 44px;

  border: 1px solid rgba(183, 255, 60, 0.45);

  color: #b7ff3c;

  font-size: 10px;

  font-weight: 500;

  letter-spacing: 0.08em;

  opacity: 0;

  transform: translateY(18px);

  transition:
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}

.story-label__number::before,
.story-label__number::after {
  content: "";

  position: absolute;

  width: 5px;
  height: 5px;

  background: #b7ff3c;
}

.story-label__number::before {
  top: -3px;
  left: -3px;
}

.story-label__number::after {
  right: -3px;
  bottom: -3px;
}

.story-label__line {
  display: block;

  width: 0;

  height: 1px;

  margin-left: 15px;
  margin-right: 15px;

  background: linear-gradient(90deg, #b7ff3c, rgba(183, 255, 60, 0.08));
}

.story-label__text {
  color: #fff;

  font-weight: 500;

  opacity: 0;

  transform: translateX(-15px);
}

.story-label__slash {
  margin: 0 10px;

  color: rgba(255, 255, 255, 0.22);

  opacity: 0;
}

.story-label__meta {
  color: rgba(255, 255, 255, 0.32);

  font-size: 8px;

  letter-spacing: 0.2em;

  opacity: 0;

  transform: translateX(-10px);
}

.story-label:hover .story-label__number {
  border-color: #b7ff3c;

  box-shadow: 0 0 25px rgba(183, 255, 60, 0.13);
}

/* =========================================================
   MAIN LAYOUT
========================================================= */

.tici-story__layout {
  display: grid;

  grid-template-columns:
    minmax(0, 0.92fr)
    minmax(500px, 1.08fr);

  gap: 90px;

  align-items: center;
}

/* =========================================================
   LEFT CONTENT
========================================================= */

.tici-story__content {
  position: relative;

  max-width: 680px;
}

/* EYEBROW */

.tici-story__eyebrow {
  display: flex;

  align-items: center;

  gap: 10px;

  margin-bottom: 24px;

  color: rgba(255, 255, 255, 0.38);

  font-size: 9px;

  font-weight: 500;

  letter-spacing: 0.2em;

  text-transform: uppercase;
}

.tici-story__eyebrow span {
  width: 7px;
  height: 7px;

  border-radius: 50%;

  background: #b7ff3c;

  box-shadow: 0 0 16px rgba(183, 255, 60, 0.45);
}

/* HEADING */

.tici-story__content h2 {
  max-width: 650px;

  margin: 0 0 38px;

  font-size: clamp(48px, 3.7vw, 78px);

  line-height: 0.98;

  font-weight: 400;

  letter-spacing: -0.045em;

  color: #fff;
}

.tici-story__content h2 span {
  color: #9b7cff;
}

/* COPY */

.tici-story__copy {
  max-width: 620px;
}

.tici-story__copy p {
  margin: 0 0 21px;

  color: rgba(255, 255, 255, 0.57);

  font-size: 15px;

  line-height: 1.75;

  font-weight: 400;
}

.tici-story__copy strong {
  color: rgba(255, 255, 255, 0.9);

  font-weight: 500;
}

/* =========================================================
   STATEMENT
========================================================= */

.tici-story__statement {
  position: relative;

  display: flex;

  gap: 18px;

  max-width: 610px;

  margin-top: 45px;

  padding: 24px 0 24px 22px;

  border-left: 1px solid rgba(183, 255, 60, 0.45);
}

.tici-story__statement-mark {
  flex: 0 0 auto;

  margin-top: -7px;

  color: #b7ff3c;

  font-family: Georgia, serif;

  font-size: 42px;

  line-height: 1;
}

.tici-story__statement p {
  margin: 0;

  color: rgba(255, 255, 255, 0.78);

  font-size: 15px;

  line-height: 1.65;

  font-style: italic;
}

/* =========================================================
   FOOTER
========================================================= */

.tici-story__footer {
  margin-top: 48px;

  padding-top: 25px;

  border-top: 1px solid rgba(255, 255, 255, 0.09);
}

.tici-story__footer-brand {
  display: flex;

  align-items: center;

  flex-wrap: wrap;

  gap: 10px;

  color: #fff;

  font-size: 12px;

  letter-spacing: 0.04em;
}

.tici-story__footer-line {
  width: 25px;

  height: 1px;

  background: #b7ff3c;
}

.tici-story__footer-cross {
  color: #9b7cff;

  font-size: 18px;
}

.tici-story__footer p {
  max-width: 450px;

  margin: 10px 0 0 35px;

  color: rgba(255, 255, 255, 0.35);

  font-size: 11px;

  line-height: 1.6;
}

/* =========================================================
   RIGHT VISUAL
========================================================= */

.tici-story__visual {
  position: relative;

  min-height: 650px;
}

/* TOP META */

.tici-story__visual-meta {
  display: flex;

  align-items: center;

  gap: 14px;

  margin-bottom: 18px;

  color: rgba(255, 255, 255, 0.38);

  font-size: 9px;

  letter-spacing: 0.18em;

  text-transform: uppercase;
}

.tici-story__visual-meta i {
  width: 60px;

  height: 1px;

  background: rgba(255, 255, 255, 0.16);
}

/* IMAGE STAGE */

.tici-story__image-stage {
  position: relative;

  width: 100%;

  height: 610px;
}

/* RINGS */

.tici-story__ring {
  position: absolute;

  width: 460px;
  height: 460px;

  left: 50%;
  top: 45%;

  transform: translate(-50%, -50%);

  border: 1px solid rgba(155, 124, 255, 0.18);

  border-radius: 50%;
}

.tici-story__ring--two {
  width: 540px;
  height: 540px;

  border-color: rgba(183, 255, 60, 0.08);
}

/* MAIN IMAGE */

.tici-story__main-image {
  position: absolute;

  z-index: 2;

  top: 20px;

  right: 30px;

  width: min(530px, 90%);

  height: 470px;

  overflow: hidden;

  border-radius: 4px;

  border: 1px solid rgba(255, 255, 255, 0.15);

  clip-path: inset(0 100% 0 0);

  transform: rotate(2.5deg) scale(1.03);

  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.45);
}

.tici-story__main-image img {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;

  transform: scale(1.12);

  filter: saturate(0.88) contrast(1.04);
}

/* IMAGE OVERLAY */

.tici-story__image-overlay {
  position: absolute;

  inset: 0;

  background: linear-gradient(
    180deg,
    rgba(7, 4, 20, 0.05),
    rgba(7, 4, 20, 0.15) 50%,
    rgba(7, 4, 20, 0.65)
  );
}

/* IMAGE INFO */

.tici-story__image-info {
  position: absolute;

  left: 20px;
  bottom: 18px;

  display: flex;

  gap: 12px;

  color: rgba(255, 255, 255, 0.65);

  font-size: 8px;

  letter-spacing: 0.15em;
}

.tici-story__image-number {
  position: absolute;

  top: 18px;
  right: 18px;

  display: flex;

  align-items: center;
  justify-content: center;

  width: 38px;
  height: 38px;

  border: 1px solid rgba(255, 255, 255, 0.25);

  color: #fff;

  font-size: 10px;

  background: rgba(5, 3, 15, 0.35);

  backdrop-filter: blur(8px);
}

/* =========================================================
   SMALL IMAGE
========================================================= */

.tici-story__small-image {
  position: absolute;

  z-index: 4;

  left: 0;

  bottom: 20px;

  width: 270px;

  height: 210px;

  padding: 7px;

  background: #fff;

  opacity: 0;

  transform: translateY(35px) rotate(-5deg);

  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.5);
}

.tici-story__small-image img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
}

.tici-story__small-image-info {
  position: absolute;

  left: 15px;
  bottom: 14px;

  display: flex;

  gap: 8px;

  padding: 7px 9px;

  background: rgba(5, 3, 15, 0.8);

  color: #fff;

  font-size: 8px;

  letter-spacing: 0.12em;
}

/* =========================================================
   CROSS
========================================================= */

.tici-story__cross {
  position: absolute;

  z-index: 5;

  right: 5px;

  bottom: 125px;

  display: flex;

  align-items: center;
  justify-content: center;

  width: 45px;
  height: 45px;

  border: 1px solid rgba(183, 255, 60, 0.35);

  color: #b7ff3c;

  font-size: 24px;

  font-weight: 200;

  background: rgba(5, 3, 15, 0.6);

  backdrop-filter: blur(10px);
}

/* =========================================================
   VERTICAL TEXT
========================================================= */

.tici-story__vertical-text {
  position: absolute;

  right: -18px;

  top: 48%;

  color: rgba(255, 255, 255, 0.18);

  font-size: 8px;

  letter-spacing: 0.25em;

  writing-mode: vertical-rl;

  transform: rotate(180deg);
}

/* =========================================================
   VISUAL FOOTER
========================================================= */

.tici-story__visual-footer {
  display: grid;

  grid-template-columns: auto 1fr auto;

  align-items: center;

  gap: 12px;

  margin-top: 8px;

  color: rgba(255, 255, 255, 0.28);

  font-size: 8px;

  letter-spacing: 0.17em;
}

.tici-story__visual-footer span:nth-child(2) {
  height: 1px;

  background: rgba(255, 255, 255, 0.1);
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1199px) {
  .tici-story {
    padding: 120px 0;
  }

  .tici-story__layout {
    grid-template-columns:
      minmax(0, 0.9fr)
      minmax(430px, 1fr);

    gap: 55px;
  }

  .tici-story__content h2 {
    font-size: 58px;
  }

  .tici-story__visual {
    min-height: 570px;
  }

  .tici-story__image-stage {
    height: 540px;
  }

  .tici-story__main-image {
    width: 460px;

    height: 420px;

    right: 15px;
  }

  .tici-story__small-image {
    width: 230px;

    height: 180px;
  }
}

@media (max-width: 991px) {
  .tici-story {
    padding: 100px 0;
  }

  .story-label {
    margin-bottom: 55px;
  }

  .tici-story__layout {
    display: block;
  }

  .tici-story__content {
    max-width: 100%;

    margin-bottom: 80px;
  }

  .tici-story__content h2 {
    max-width: 750px;

    font-size: clamp(48px, 8vw, 70px);
  }

  .tici-story__copy {
    max-width: 750px;
  }

  .tici-story__visual {
    min-height: 620px;

    max-width: 720px;

    margin: 0 auto;
  }

  .tici-story__main-image {
    width: 80%;

    height: 480px;

    right: 0;
  }

  .tici-story__small-image {
    left: 0;

    bottom: 30px;

    width: 250px;

    height: 190px;
  }
}

@media (max-width: 767px) {
  .tici-story {
    padding: 80px 0 100px;
  }

  .story-label {
    margin-bottom: 42px;
  }

  .story-label__meta {
    display: none;
  }

  .story-label__slash {
    display: none;
  }

  .story-label__line {
    width: 35px !important;

    margin-left: 12px;
    margin-right: 12px;
  }

  .tici-story__content {
    margin-bottom: 60px;
  }

  .tici-story__eyebrow {
    margin-bottom: 18px;
  }

  .tici-story__content h2 {
    margin-bottom: 30px;

    font-size: 43px;

    line-height: 1;
  }

  .tici-story__copy p {
    font-size: 14px;

    line-height: 1.7;
  }

  .tici-story__statement {
    margin-top: 35px;

    padding-left: 15px;
  }

  .tici-story__statement p {
    font-size: 14px;
  }

  .tici-story__footer {
    margin-top: 38px;
  }

  .tici-story__footer p {
    margin-left: 0;

    margin-top: 12px;
  }

  .tici-story__visual {
    min-height: 460px;
  }

  .tici-story__image-stage {
    height: 440px;
  }

  .tici-story__ring {
    width: 300px;
    height: 300px;
  }

  .tici-story__ring--two {
    width: 350px;
    height: 350px;
  }

  .tici-story__main-image {
    top: 20px;

    right: 0;

    width: 86%;

    height: 330px;
  }

  .tici-story__small-image {
    left: 0;

    bottom: 15px;

    width: 180px;

    height: 140px;

    padding: 5px;
  }

  .tici-story__cross {
    right: -2px;

    bottom: 95px;

    width: 35px;
    height: 35px;

    font-size: 18px;
  }

  .tici-story__vertical-text {
    display: none;
  }

  .tici-story__visual-footer {
    font-size: 7px;
  }

  .tici-story__visual-footer span:last-child {
    display: none;
  }

  .tici-story__visual-footer {
    grid-template-columns: auto 1fr;
  }
}

@media (max-width: 480px) {
  .story-label {
    font-size: 9px;
  }

  .story-label__number {
    width: 38px;
    height: 38px;
  }

  .tici-story__content h2 {
    font-size: 38px;
  }

  .tici-story__visual {
    min-height: 410px;
  }

  .tici-story__image-stage {
    height: 390px;
  }

  .tici-story__main-image {
    width: 88%;

    height: 290px;
  }

  .tici-story__small-image {
    width: 155px;

    height: 120px;
  }

  .tici-story__ring {
    width: 250px;
    height: 250px;
  }

  .tici-story__ring--two {
    width: 290px;
    height: 290px;
  }
}

/* =========================================================
   TICI DRIVES
   PREMIUM MANIFESTO SECTION
========================================================= */

.tici-drive {
  position: relative;

  padding: 150px 0 160px;

  overflow: hidden;

  background:
    radial-gradient(
      circle at 82% 25%,
      rgba(113, 72, 255, 0.16),
      transparent 28%
    ),
    radial-gradient(circle at 15% 75%, rgba(92, 45, 180, 0.1), transparent 30%),
    #05040d;

  color: #fff;

  isolation: isolate;
}

/* =========================================================
   BACKGROUND
========================================================= */

.tici-drive__bg {
  position: absolute;

  inset: 0;

  z-index: -1;

  pointer-events: none;
}

.tici-drive__grid {
  position: absolute;

  inset: 0;

  opacity: 0.14;

  background-image:
    linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);

  background-size: 75px 75px;

  mask-image: linear-gradient(
    to bottom,
    transparent,
    #000 15%,
    #000 85%,
    transparent
  );
}

.tici-drive__glow {
  position: absolute;

  border-radius: 50%;

  filter: blur(110px);

  pointer-events: none;
}

.tici-drive__glow--one {
  width: 500px;
  height: 500px;

  right: -250px;
  top: 18%;

  background: #6843e9;

  opacity: 0.16;
}

.tici-drive__glow--two {
  width: 400px;
  height: 400px;

  left: -250px;
  bottom: 5%;

  background: #43218d;

  opacity: 0.12;
}

/* STARS */

.tici-drive__star {
  position: absolute;

  width: 3px;
  height: 3px;

  border-radius: 50%;

  background: rgba(255, 255, 255, 0.65);

  box-shadow: 0 0 12px rgba(255, 255, 255, 0.4);
}

.tici-drive__star--1 {
  top: 15%;
  left: 8%;
}

.tici-drive__star--2 {
  top: 30%;
  right: 11%;
}

.tici-drive__star--3 {
  bottom: 20%;
  left: 20%;
}

.tici-drive__star--4 {
  bottom: 12%;
  right: 20%;
}

/* =========================================================
   LABEL
========================================================= */

.drive-label {
  display: flex;

  align-items: center;

  width: fit-content;

  margin-bottom: 70px;

  font-size: 9px;

  letter-spacing: 0.18em;

  text-transform: uppercase;

  color: rgba(255, 255, 255, 0.45);
}

.drive-label__number {
  display: flex;

  align-items: center;
  justify-content: center;

  width: 42px;
  height: 42px;

  border: 1px solid rgba(183, 255, 60, 0.4);

  color: #b7ff3c;

  opacity: 0;

  transform: translateY(15px);
}

.drive-label__line {
  width: 0;

  height: 1px;

  margin: 0 14px;

  background: linear-gradient(90deg, #b7ff3c, transparent);
}

.drive-label__title {
  color: #fff;

  opacity: 0;

  transform: translateX(-12px);
}

.drive-label__slash {
  margin: 0 10px;

  color: rgba(255, 255, 255, 0.2);

  opacity: 0;
}

.drive-label__meta {
  color: rgba(255, 255, 255, 0.25);

  font-size: 8px;

  opacity: 0;

  transform: translateX(-10px);
}

/* =========================================================
   INTRO
========================================================= */

.tici-drive__intro {
  display: grid;

  grid-template-columns: 1.1fr 0.65fr;

  gap: 100px;

  align-items: end;

  margin-bottom: 85px;
}

.tici-drive__eyebrow {
  display: block;

  margin-bottom: 22px;

  color: #b7ff3c;

  font-size: 9px;

  letter-spacing: 0.22em;
}

.tici-drive__intro h2 {
  max-width: 760px;

  margin: 0;

  font-size: clamp(48px, 6vw, 65px);

  line-height: 0.96;

  font-weight: 400;

  letter-spacing: -0.055em;
}

.tici-drive__intro h2 span {
  display: block;

  color: #9677ff;
}

.tici-drive__intro-right {
  padding-bottom: 5px;
}

.tici-drive__intro-right p {
  max-width: 450px;

  margin: 0;

  color: rgba(255, 255, 255, 0.5);

  font-size: 15px;

  line-height: 1.75;
}

/* =========================================================
   MISSION / VISION
========================================================= */

.tici-drive__purpose {
  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 16px;

  margin-bottom: 120px;
}

.drive-purpose {
  position: relative;

  min-height: 510px;

  padding: 32px;

  overflow: hidden;

  border: 1px solid rgba(255, 255, 255, 0.1);

  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.065),
    rgba(255, 255, 255, 0.015)
  );

  transition:
    border-color 0.45s ease,
    transform 0.45s ease;
}

.drive-purpose:hover {
  border-color: rgba(183, 255, 60, 0.35);

  transform: translateY(-5px);
}

/* MISSION */

.drive-purpose--mission {
  background:
    radial-gradient(
      circle at 50% 40%,
      rgba(104, 67, 233, 0.18),
      transparent 40%
    ),
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.065),
      rgba(255, 255, 255, 0.015)
    );
}

/* VISION */

.drive-purpose--vision {
  background:
    radial-gradient(
      circle at 65% 35%,
      rgba(183, 255, 60, 0.07),
      transparent 35%
    ),
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.065),
      rgba(255, 255, 255, 0.015)
    );
}

/* TOP */

.drive-purpose__top {
  display: flex;

  justify-content: space-between;

  align-items: center;
}

.drive-purpose__number {
  color: rgba(255, 255, 255, 0.3);

  font-size: 10px;

  letter-spacing: 0.15em;
}

.drive-purpose__label {
  color: rgba(255, 255, 255, 0.32);

  font-size: 8px;

  letter-spacing: 0.2em;
}

/* ICON */

.drive-purpose__icon {
  position: absolute;

  top: 50%;
  left: 50%;

  width: 180px;
  height: 180px;

  transform: translate(-50%, -50%);

  border: 1px solid rgba(151, 119, 255, 0.25);

  border-radius: 50%;
}

.drive-purpose__icon::before,
.drive-purpose__icon::after {
  content: "";

  position: absolute;

  inset: 22px;

  border: 1px solid rgba(151, 119, 255, 0.18);

  border-radius: 50%;
}

.drive-purpose__icon::after {
  inset: 52px;

  border-color: rgba(183, 255, 60, 0.25);
}

.drive-purpose__icon span {
  position: absolute;

  width: 6px;
  height: 6px;

  border-radius: 50%;

  background: #b7ff3c;

  box-shadow: 0 0 15px rgba(183, 255, 60, 0.8);
}

.drive-purpose__icon span:nth-child(1) {
  top: 20px;
  left: 50%;
}

.drive-purpose__icon span:nth-child(2) {
  bottom: 42px;
  left: 25px;
}

.drive-purpose__icon span:nth-child(3) {
  right: 24px;
  bottom: 60px;
}

/* VISION ICON */

.drive-purpose__icon--vision {
  border-color: rgba(183, 255, 60, 0.2);
}

.drive-purpose__icon--vision::before {
  border-color: rgba(183, 255, 60, 0.15);
}

.drive-purpose__icon--vision::after {
  border-color: rgba(151, 119, 255, 0.25);
}

/* CONTENT */

.drive-purpose h3 {
  position: absolute;

  left: 32px;
  bottom: 115px;

  margin: 0;
  font-size: 26px;
  font-weight: 400;
}

.drive-purpose p {
  position: absolute;

  left: 32px;
  right: 32px;
  bottom: 40px;

  max-width: 530px;

  margin: 0;

  color: rgba(255, 255, 255, 0.48);

  font-size: 13px;

  line-height: 1.7;
}

.drive-purpose__bottom {
  position: absolute;

  left: 32px;
  right: 32px;

  bottom: 16px;

  display: flex;

  align-items: center;

  gap: 10px;

  color: rgba(255, 255, 255, 0.2);

  font-size: 7px;

  letter-spacing: 0.16em;
}

.drive-purpose__bottom i {
  flex: 1;

  height: 1px;

  background: rgba(255, 255, 255, 0.08);
}

/* =========================================================
   PRINCIPLES HEADER
========================================================= */

.tici-drive__principles-head {
  display: flex;

  justify-content: space-between;

  align-items: end;

  gap: 50px;

  margin-bottom: 40px;

  padding-bottom: 25px;

  border-bottom: 1px solid rgb(255 255 255 / 21%);
}

.tici-drive__principles-head span {
  display: block;

  margin-bottom: 12px;

  color: #b7ff3c;

  font-size: 8px;

  letter-spacing: 0.18em;
}

.tici-drive__principles-head h3 {
  margin: 0;

  font-size: 27px;

  font-weight: 400;

  letter-spacing: -0.025em;
}

.tici-drive__principles-head p {
  max-width: 280px;

  margin: 0;

  color: rgba(255, 255, 255, 0.35);

  font-size: 11px;

  line-height: 1.6;
}

/* =========================================================
   PRINCIPLE LIST
========================================================= */

.drive-principles {
  display: flex;

  flex-direction: column;

  border-top: 1px solid rgb(255 255 255 / 21%);
}

.drive-principle {
  position: relative;

  display: grid;

  grid-template-columns: 55px 70px 1fr 40px;

  align-items: center;

  gap: 25px;

  min-height: 150px;

  padding: 25px 15px;

  border-bottom: 1px solid rgb(255 255 255 / 21%);

  opacity: 0;

  transform: translateY(35px);

  transition:
    background 0.4s ease,
    padding 0.4s ease;
}

.drive-principle::before {
  content: "";

  position: absolute;

  left: 0;
  top: 0;
  bottom: 0;

  width: 2px;

  background: #b7ff3c;

  transform: scaleY(0);

  transform-origin: center;

  transition: transform 0.4s ease;
}

.drive-principle:hover {
  padding-left: 25px;

  background: linear-gradient(
    90deg,
    rgba(183, 255, 60, 0.055),
    transparent 60%
  );
}

.drive-principle:hover::before {
  transform: scaleY(1);
}

/* INDEX */

.drive-principle__index {
  color: rgb(255 255 255 / 65%);

  font-size: 9px;

  letter-spacing: 0.15em;
}

/* ICON */

.drive-principle__icon {
  display: flex;

  align-items: center;
  justify-content: center;

  width: 58px;
  height: 58px;

  border: 1px solid rgba(255, 255, 255, 0.1);

  background: rgba(255, 255, 255, 0.025);

  transition:
    border-color 0.4s ease,
    background 0.4s ease,
    transform 0.4s ease;
}

.drive-principle__icon img {
  width: 28px;
  height: 28px;

  object-fit: contain;

  filter: brightness(0) invert(1);

  opacity: 0.75;
}

.drive-principle:hover .drive-principle__icon {
  border-color: rgba(183, 255, 60, 0.35);

  background: rgba(183, 255, 60, 0.07);

  transform: rotate(4deg);
}

/* CONTENT */

.drive-principle__tag {
  display: block;

  margin-bottom: 8px;

  color: #b7ff3c;

  font-size: 7px;

  letter-spacing: 0.18em;
}

.drive-principle h3 {
  margin: 0 0 7px;

  color: #fff;

  font-size: 20px;

  font-weight: 400;

  letter-spacing: -0.02em;
}

.drive-principle p {
  max-width: 700px;

  margin: 0;

  color: rgba(255, 255, 255, 0.4);

  font-size: 12px;

  line-height: 1.6;
}

/* ARROW */

.drive-principle__arrow {
  display: flex;

  align-items: center;
  justify-content: center;

  width: 34px;
  height: 34px;

  border: 1px solid #646363;

  color: #646363;

  font-size: 14px;

  transition:
    color 0.3s ease,
    border-color 0.3s ease,
    transform 0.3s ease;
}

.drive-principle:hover .drive-principle__arrow {
  color: #b7ff3c;

  border-color: rgba(183, 255, 60, 0.35);

  transform: translate(3px, -3px);
}

/* =========================================================
   CLOSING
========================================================= */

.tici-drive__closing {
  display: grid;

  grid-template-columns: 40px 1fr auto;

  align-items: center;

  gap: 18px;

  margin-top: 70px;
}

.tici-drive__closing-line {
  width: 30px;

  height: 1px;

  background: #b7ff3c;
}

.tici-drive__closing p {
  margin: 0;

  color: rgba(255, 255, 255, 0.35);

  font-size: 12px;

  line-height: 1.5;
}

.tici-drive__closing strong {
  color: rgba(255, 255, 255, 0.8);

  font-weight: 500;
}

.tici-drive__closing-status {
  color: rgba(255, 255, 255, 0.18);

  font-size: 7px;

  letter-spacing: 0.16em;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1199px) {
  .tici-drive {
    padding: 120px 0 130px;
  }

  .tici-drive__intro {
    gap: 50px;
  }

  .tici-drive__intro h2 {
    font-size: 64px;
  }

  .drive-purpose {
    min-height: 480px;
  }
}

@media (max-width: 991px) {
  .tici-drive {
    padding: 100px 0 110px;
  }

  .drive-label {
    margin-bottom: 55px;
  }

  .tici-drive__intro {
    grid-template-columns: 1fr;

    gap: 25px;

    margin-bottom: 65px;
  }

  .tici-drive__intro h2 {
    font-size: clamp(50px, 8vw, 70px);
  }

  .tici-drive__intro-right p {
    max-width: 650px;
  }

  .tici-drive__purpose {
    margin-bottom: 90px;
  }

  .drive-purpose {
    min-height: 460px;

    padding: 25px;
  }

  .drive-purpose h3 {
    left: 25px;
    bottom: 110px;
  }

  .drive-purpose p {
    left: 25px;
    right: 25px;
  }

  .drive-purpose__bottom {
    left: 25px;
    right: 25px;
  }

  .drive-principle {
    grid-template-columns: 45px 60px 1fr 35px;

    gap: 18px;
  }
}

@media (max-width: 767px) {
  .tici-drive {
    padding: 80px 0 90px;
  }

  .drive-label {
    margin-bottom: 45px;
  }

  .drive-label__meta,
  .drive-label__slash {
    display: none;
  }

  .drive-label__line {
    width: 35px !important;

    margin-left: 10px;
    margin-right: 10px;
  }

  .tici-drive__intro {
    margin-bottom: 55px;
  }

  .tici-drive__eyebrow {
    margin-bottom: 18px;
  }

  .tici-drive__intro h2 {
    font-size: 44px;

    line-height: 1;
  }

  .tici-drive__intro-right p {
    font-size: 14px;
  }

  /* PURPOSE */

  .tici-drive__purpose {
    grid-template-columns: 1fr;

    gap: 12px;

    margin-bottom: 75px;
  }

  .drive-purpose {
    min-height: 430px;
  }

  .drive-purpose__icon {
    width: 145px;
    height: 145px;

    top: 42%;
  }

  .drive-purpose h3 {
    bottom: 105px;

    font-size: 27px;
  }

  .drive-purpose p {
    bottom: 38px;

    font-size: 12px;
  }

  /* PRINCIPLES HEADER */

  .tici-drive__principles-head {
    display: block;

    margin-bottom: 25px;
  }

  .tici-drive__principles-head h3 {
    font-size: 23px;
  }

  .tici-drive__principles-head p {
    margin-top: 15px;
  }

  /* PRINCIPLES */

  .drive-principle {
    grid-template-columns: 35px 52px 1fr;

    gap: 13px;

    min-height: auto;

    padding: 25px 5px;
  }

  .drive-principle__icon {
    width: 48px;
    height: 48px;
  }

  .drive-principle__icon img {
    width: 23px;
    height: 23px;
  }

  .drive-principle h3 {
    font-size: 17px;
  }

  .drive-principle p {
    font-size: 11px;
  }

  .drive-principle__arrow {
    display: none;
  }

  /* CLOSING */

  .tici-drive__closing {
    grid-template-columns: 25px 1fr;

    gap: 12px;

    margin-top: 50px;
  }

  .tici-drive__closing-status {
    display: none;
  }

  .tici-drive__closing p {
    font-size: 11px;
  }
}

@media (max-width: 480px) {
  .drive-label__number {
    width: 37px;
    height: 37px;
  }

  .tici-drive__intro h2 {
    font-size: 37px;
  }

  .drive-purpose {
    min-height: 440px;
  }

  .drive-purpose h3 {
    font-size: 24px;
  }

  .drive-purpose p {
    line-height: 1.6;
  }

  .drive-principle {
    grid-template-columns: 30px 45px 1fr;

    gap: 10px;
  }

  .drive-principle__icon {
    width: 42px;
    height: 42px;
  }

  .drive-principle h3 {
    font-size: 15px;
  }

  .drive-principle p {
    font-size: 10px;
  }
}

/* =====================================================
   TICI SERVICES
===================================================== */

.tici-services__heading {
  max-width: 760px;
  margin: 0 auto 75px;
  text-align: center;
}

.tici-services__heading .sub-heading {
  justify-content: center;
}

.tici-services__heading p {
  max-width: 670px;
  margin: 0 auto;
  font-size: 18px;
  line-height: 1.7;

  color: #737988;
}

/* =====================================================
   GRID
===================================================== */

.tici-services__grid {
  display: grid;

  grid-template-columns: repeat(4, minmax(0, 1fr));

  gap: 24px;
}

/* =====================================================
   CARD
===================================================== */

.tici-service-card {
  position: relative;

  min-height: 365px;

  padding: 27px;

  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 22px;

  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.055),
    rgba(255, 255, 255, 0.018)
  );

  backdrop-filter: blur(15px);

  transition:
    transform 0.45s cubic-bezier(0.2, 0.7, 0.2, 1),
    border-color 0.45s ease,
    background 0.45s ease,
    box-shadow 0.45s ease;
}

.tici-service-card::before {
  content: "";

  position: absolute;

  top: -1px;
  left: 25px;
  right: 25px;

  height: 1px;

  background: linear-gradient(
    90deg,
    transparent,
    rgba(164, 135, 255, 0.8),
    transparent
  );

  opacity: 0;

  transition: opacity 0.4s ease;
}

/* top */

.tici-service-card__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;

  position: relative;
  z-index: 2;
}

/* =====================================================
   ICON
===================================================== */

.tici-service-card__icon {
  width: 58px;
  height: 58px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 16px;

  background: rgba(145, 115, 255, 0.1);

  border: 1px solid rgba(145, 115, 255, 0.2);

  color: #b7a3ff;

  font-size: 21px;

  margin-bottom: 30px;

  transition:
    transform 0.4s ease,
    background 0.4s ease,
    color 0.4s ease;
}

.tici-service-card__icon img {
  width: 27px;
  height: 27px;
  filter: brightness(0) saturate(100%) invert(76%) sepia(21%) saturate(6266%)
    hue-rotate(204deg) brightness(103%) contrast(102%);
  object-fit: contain;

  transition: transform 0.4s ease;
}

/* Number */

.tici-service-card__number {
  padding-top: 4px;

  font-size: 12px;
  font-weight: 600;

  color: #9aa2b3;

  letter-spacing: 0.08em;
}

/* =====================================================
   CONTENT
===================================================== */

.tici-service-card__content {
  position: relative;
  z-index: 2;

  margin-top: auto;
}

.tici-service-card h3 {
  margin: 0 0 20px;
  font-size: 25px;
  line-height: 1.15;
  font-weight: 500;
  letter-spacing: -0.025em;
  color: #ffffff;
}

.tici-service-card h3::after {
  content: "";

  display: block;

  width: 45px;
  height: 2px;

  margin-top: 20px;

  background: #a98cff;

  transition: width 0.45s ease;
}

.tici-service-card p {
  max-width: 245px;

  margin: 0;

  font-size: 17px;
  line-height: 1.7;

  color: #727989;
}

/* =====================================================
   ARROW
===================================================== */

.tici-service-card__arrow {
  position: relative;
  z-index: 2;
  display: flex;
  margin-top: 28px;
  width: 36px;
  height: 36px;
  align-items: center;
  justify-content: center;
  color: #999999;
  border-radius: 100%;
  border: 1px solid #ffffff4d;
  font-size: 13px;
  transition:
    transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
    color 0.3s ease;
}

/* =====================================================
   HOVER
===================================================== */

.tici-service-card:hover {
  transform: translateY(-10px);
  border-color: rgba(166, 140, 255, 0.28);
  background: linear-gradient(
    145deg,
    rgba(126, 96, 255, 0.11),
    rgba(255, 255, 255, 0.025)
  );
  box-shadow: 0 25px 70px rgba(0, 0, 0, 0.3);
}

.tici-service-card:hover::before {
  opacity: 1;
}

.tici-service-card:hover .tici-service-card__icon {
  background: rgba(169, 140, 255, 0.18);
  transform: translateY(-4px);
}

.tici-service-card:hover .tici-service-card__icon img {
  transform: scale(1.08);
}

.tici-service-card:hover h3::after {
  width: 45px;
}

.tici-service-card:hover .tici-service-card__arrow {
  transform: translate(5px, -5px);
}

/* =====================================================
   RESPONSIVE
===================================================== */

@media (max-width: 1199px) {
  .tici-services {
    padding: 110px 0;
  }

  .tici-services__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .tici-services {
    padding: 85px 0;
  }

  .tici-services__shape {
    width: 120px;
    height: 120px;

    left: -45px;
    top: -75px;

    border-width: 4px;
  }

  .tici-services__heading {
    margin-bottom: 50px;
  }

  .tici-services__heading p {
    font-size: 16px;
    line-height: 1.65;
  }

  .tici-services__grid {
    grid-template-columns: 1fr;

    gap: 18px;
  }

  .tici-service-card__icon {
    width: 76px;
    height: 76px;
  }

  .tici-service-card__icon img {
    width: 48px;
    height: 48px;
  }

  .tici-service-card h3 {
    font-size: 25px;
  }

  .tici-service-card p {
    font-size: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .tici-service-card,
  .tici-service-card *,
  .tici-services__label,
  .tici-services__heading h2,
  .tici-services__heading p {
    transition: none !important;
    animation: none !important;
  }
}

/* =========================================================
   JOBS EXPLORER
========================================================= */

.jobs-explorer {
  position: relative;
  overflow: hidden;

  padding: 110px 0 120px;

  background: #0b091d;
  color: #fff;
}

.jobs-explorer-inner {
  width: min(1420px, calc(100% - 80px));
  margin: 0 auto;
}

/* =========================================================
   INTRO
========================================================= */

.jobs-filter-area {
  display: flex;
  justify-content: flex-end;

  margin-bottom: 22px;
}

.jobs-filter-list {
  display: flex;
  align-items: center;

  gap: 5px;

  padding: 5px;

  border: 1px solid rgba(255, 255, 255, 0.12);

  border-radius: 100px;

  background: rgba(255, 255, 255, 0.035);
}

.jobs-filter-link {
  position: relative;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 42px;

  padding: 0 21px;

  border-radius: 100px;

  color: rgba(255, 255, 255, 0.5);

  font-size: 12px;

  text-decoration: none;

  transition:
    color 0.35s ease,
    background 0.35s ease;
}

.jobs-filter-link:hover {
  color: #fff;
}

.jobs-filter-selected {
  background: #fff;

  color: #0b091d !important;
}

/* =========================================================
   JOB RESULTS
========================================================= */

.jobs-results {
  border-top: 1px solid rgba(255, 255, 255, 0.18);
}

/* =========================================================
   JOB ROW
========================================================= */

.jobs-result-item {
  position: relative;

  display: grid;

  grid-template-columns:
    55px
    minmax(350px, 1.5fr)
    0.65fr
    0.85fr
    130px;

  align-items: center;

  gap: 35px;

  min-height: 185px;

  padding: 28px 10px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.15);

  color: #fff;

  text-decoration: none;

  transition:
    padding 0.5s cubic-bezier(0.22, 1, 0.36, 1),
    background 0.5s ease;
}

/* Hover background */

.jobs-result-item::before {
  content: "";

  position: absolute;

  left: 0;
  right: 0;
  bottom: 0;

  height: 0;

  background: rgba(255, 255, 255, 0.035);

  transition: height 0.5s cubic-bezier(0.22, 1, 0.36, 1);

  z-index: 0;
}

.jobs-result-item:hover::before {
  height: 100%;
}

/* Keep content above background */

.jobs-result-item > * {
  position: relative;
  z-index: 1;
}

/* =========================================================
   NUMBER
========================================================= */

.jobs-result-number {
  align-self: start;

  padding-top: 7px;
}

.jobs-result-number span {
  color: rgba(255, 255, 255, 0.32);

  font-size: 11px;

  letter-spacing: 0.1em;
}

/* =========================================================
   TITLE
========================================================= */

.jobs-result-title h3 {
  margin: 0 0 18px;

  color: #fff;

  font-size: clamp(28px, 3vw, 44px);

  line-height: 1;

  font-weight: 400;

  letter-spacing: -0.035em;

  transition:
    transform 0.5s cubic-bezier(0.22, 1, 0.36, 1),
    color 0.35s ease;
}

.jobs-result-item:hover .jobs-result-title h3 {
  transform: translateX(12px);

  color: #caff58;
}

/* =========================================================
   TAGS
========================================================= */

.jobs-result-tags {
  display: flex;
  flex-wrap: wrap;

  gap: 6px;
}

.jobs-result-tags span {
  display: inline-flex;
  align-items: center;

  padding: 6px 10px;

  border: 1px solid rgba(255, 255, 255, 0.18);

  border-radius: 50px;

  color: rgba(255, 255, 255, 0.55);

  font-size: 8px;

  font-weight: 600;

  letter-spacing: 0.05em;

  line-height: 1;

  text-transform: uppercase;
}

/* =========================================================
   META
========================================================= */

.jobs-result-meta {
  display: flex;

  flex-direction: column;

  gap: 9px;
}

.jobs-meta-heading {
  color: rgba(255, 255, 255, 0.35);

  font-size: 10px;

  font-weight: 500;

  letter-spacing: 0.06em;
}

.jobs-result-meta strong {
  max-width: 190px;

  color: rgba(255, 255, 255, 0.88);

  font-size: 13px;

  font-weight: 500;

  line-height: 1.4;
}

/* =========================================================
   ACTION
========================================================= */

.jobs-result-action {
  display: flex;

  align-items: center;
  justify-content: flex-end;

  gap: 12px;
}

.jobs-action-label {
  color: rgba(255, 255, 255, 0.35);

  font-size: 9px;

  font-weight: 600;

  letter-spacing: 0.12em;

  text-transform: uppercase;

  transition: color 0.35s ease;
}

.jobs-action-circle {
  display: flex;

  align-items: center;
  justify-content: center;

  width: 50px;
  height: 50px;

  border: 1px solid rgba(255, 255, 255, 0.2);

  border-radius: 50%;

  color: #fff;

  font-size: 14px;

  transition:
    background 0.4s ease,
    border-color 0.4s ease,
    color 0.4s ease,
    transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.jobs-action-circle i {
  transition: transform 0.4s ease;
}

.jobs-result-item:hover .jobs-action-label {
  color: #fff;
}

.jobs-result-item:hover .jobs-action-circle {
  background: #caff58;

  border-color: #caff58;

  color: #0b091d;

  transform: scale(1.12);
}

/* =========================================================
   EMPTY STATE
========================================================= */

.jobs-empty-state {
  display: grid;

  grid-template-columns: 120px 1fr;

  gap: 50px;

  padding: 65px 0;

  border-top: 1px solid rgba(255, 255, 255, 0.15);

  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.jobs-empty-number {
  color: rgba(255, 255, 255, 0.15);

  font-size: 70px;

  line-height: 1;
}

.jobs-empty-kicker {
  display: block;

  margin-bottom: 15px;

  color: rgba(255, 255, 255, 0.4);

  font-size: 10px;

  letter-spacing: 0.15em;

  text-transform: uppercase;
}

.jobs-empty-content h3 {
  margin: 0 0 15px;

  font-size: 32px;

  font-weight: 400;
}

.jobs-empty-content p {
  max-width: 650px;

  margin: 0 0 28px;

  color: rgba(255, 255, 255, 0.5);

  font-size: 14px;

  line-height: 1.7;
}

.jobs-contact-link {
  display: inline-flex;

  align-items: center;

  gap: 12px;

  padding: 13px 19px;

  border-radius: 50px;

  background: #fff;

  color: #111;

  font-size: 12px;

  text-decoration: none;

  transition: transform 0.35s ease;
}

.jobs-contact-link:hover {
  color: #111;

  transform: translateY(-3px);
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1150px) {
  .jobs-explorer-inner {
    width: min(100% - 50px, 1000px);
  }

  .jobs-intro {
    grid-template-columns: 200px 1fr;

    gap: 40px;
  }

  .jobs-result-item {
    grid-template-columns:
      45px
      minmax(280px, 1.4fr)
      0.7fr
      100px;

    gap: 25px;
  }

  .jobs-result-location {
    display: none;
  }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {
  .jobs-explorer {
    padding: 70px 0 80px;
  }

  .jobs-explorer-inner {
    width: calc(100% - 30px);
  }

  /* Intro */

  .jobs-intro {
    display: block;

    margin-bottom: 40px;
  }

  .jobs-intro-label {
    width: 100%;

    margin-bottom: 28px;
  }

  .jobs-label-track {
    min-width: 35px;
  }

  .jobs-label-copy span {
    font-size: 9px;
  }

  .jobs-intro-main h2 {
    font-size: 45px;

    line-height: 0.98;
  }

  .jobs-intro-main p {
    font-size: 13px;

    line-height: 1.6;
  }

  /* Filter */

  .jobs-filter-area {
    justify-content: flex-start;

    margin-bottom: 15px;

    overflow-x: auto;

    scrollbar-width: none;
  }

  .jobs-filter-area::-webkit-scrollbar {
    display: none;
  }

  .jobs-filter-list {
    width: max-content;

    flex-wrap: nowrap;
  }

  .jobs-filter-link {
    min-height: 39px;

    padding: 0 15px;

    font-size: 10px;

    white-space: nowrap;
  }

  /* Job */

  .jobs-result-item {
    display: grid;

    grid-template-columns: 35px 1fr 45px;

    gap: 15px;

    min-height: auto;

    padding: 25px 0;
  }

  .jobs-result-number {
    grid-column: 1;

    grid-row: 1;

    padding-top: 4px;
  }

  .jobs-result-title {
    grid-column: 2;

    grid-row: 1;
  }

  .jobs-result-title h3 {
    margin-bottom: 13px;

    font-size: 26px;
  }

  .jobs-result-item:hover .jobs-result-title h3 {
    transform: translateX(5px);
  }

  .jobs-result-tags span {
    padding: 5px 8px;

    font-size: 7px;
  }

  /* Action */

  .jobs-result-action {
    grid-column: 3;

    grid-row: 1;

    align-self: start;
  }

  .jobs-action-label {
    display: none;
  }

  .jobs-action-circle {
    width: 42px;
    height: 42px;

    font-size: 12px;
  }

  /* Meta */

  .jobs-result-meta {
    grid-column: 2 / 4;

    gap: 6px;

    margin-top: 8px;
  }

  .jobs-result-meta:nth-of-type(3) {
    grid-row: 2;
  }

  .jobs-result-location {
    display: flex;

    grid-row: 3;

    margin-top: 3px;
  }

  .jobs-meta-heading {
    font-size: 9px;
  }

  .jobs-result-meta strong {
    font-size: 12px;
  }

  /* Empty */

  .jobs-empty-state {
    grid-template-columns: 1fr;

    gap: 20px;

    padding: 40px 0;
  }

  .jobs-empty-number {
    font-size: 48px;
  }

  .jobs-empty-content h3 {
    font-size: 26px;
  }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 400px) {
  .jobs-intro-main h2 {
    font-size: 39px;
  }

  .jobs-label-copy span {
    font-size: 8px;

    letter-spacing: 0.1em;
  }

  .jobs-result-title h3 {
    font-size: 23px;
  }

  .jobs-action-circle {
    width: 38px;
    height: 38px;
  }
}

/* =========================================================
   CASE STUDIES / PROJECT SHOWCASE
========================================================= */

.projects-showcase {
  position: relative;
  background:
    radial-gradient(
      circle at 85% 20%,
      rgba(128, 92, 220, 0.12),
      transparent 28%
    ),
    #080714;

  color: #fff;
}

/* =========================================================
   GRID
========================================================= */

.projects-grid {
  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 20px;
}

/* =========================================================
   CARD
========================================================= */

.project-card {
  position: relative;

  display: flex;

  flex-direction: column;

  min-width: 0;

  overflow: hidden;

  border: 1px solid rgba(185, 156, 255, 0.16);

  border-radius: 20px;

  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.045),
    rgba(255, 255, 255, 0.015)
  );

  color: #fff;

  text-decoration: none;

  transition:
    transform 0.6s cubic-bezier(0.22, 1, 0.36, 1),
    border-color 0.45s ease,
    box-shadow 0.6s ease;
}

.project-card:hover {
  transform: translateY(-8px);

  border-color: rgba(185, 156, 255, 0.42);

  box-shadow:
    0 25px 70px rgba(0, 0, 0, 0.35),
    0 0 40px rgba(126, 91, 221, 0.08);
}

/* =========================================================
   CARD IMAGE
========================================================= */

.project-card-media {
  position: relative;

  height: 330px;

  overflow: hidden;

  background: #151326;
}

.project-card-media img {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;

  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1);
}

.project-card:hover .project-card-media img {
  transform: scale(1.07);
}

/* Image overlay */

.project-card-image-overlay {
  position: absolute;

  inset: 0;

  background: linear-gradient(
    180deg,
    rgba(8, 7, 20, 0.05) 35%,
    rgba(8, 7, 20, 0.75) 100%
  );

  transition: opacity 0.5s ease;
}

.project-card:hover .project-card-image-overlay {
  opacity: 0.8;
}

/* =========================================================
   CATEGORY
========================================================= */

.project-category {
  position: absolute;

  top: 20px;
  left: 20px;

  display: inline-flex;

  align-items: center;

  gap: 8px;

  padding: 9px 13px;

  border: 1px solid rgba(255, 255, 255, 0.35);

  border-radius: 50px;

  background: rgba(8, 7, 20, 0.5);

  backdrop-filter: blur(12px);

  color: #fff;

  font-size: 9px;

  font-weight: 600;

  letter-spacing: 0.1em;

  text-transform: uppercase;
}

.project-category-dot {
  width: 6px;
  height: 6px;

  border-radius: 50%;

  background: #9b7aef;

  box-shadow: 0 0 10px rgba(155, 122, 239, 0.9);

  animation: projectDotPulse 2s ease-in-out infinite;
}

@keyframes projectDotPulse {
  0%,
  100% {
    opacity: 0.5;
    transform: scale(0.8);
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }
}

/* =========================================================
   CARD NUMBER
========================================================= */

.project-card-index {
  position: absolute;

  right: 20px;
  bottom: 18px;

  color: rgba(255, 255, 255, 0.5);

  font-size: 34px;

  line-height: 1;

  font-weight: 300;
}

/* =========================================================
   CARD CONTENT
========================================================= */

.project-card-content {
  display: flex;

  flex-direction: column;

  flex: 1;

  padding: 28px 26px 25px;
}

.project-card-small-line {
  display: block;

  width: 36px;
  height: 1px;

  margin-bottom: 20px;

  background: #9b7aef;

  transition: width 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.project-card:hover .project-card-small-line {
  width: 70px;
}

/* Title */

.project-card-content h3 {
  margin: 0 0 14px;

  color: #f7f5ff;

  font-size: 25px;

  line-height: 1.15;

  font-weight: 400;

  letter-spacing: -0.025em;

  transition: color 0.35s ease;
}

.project-card:hover .project-card-content h3 {
  color: #b99cff;
}

/* Summary */

.project-card-content p {
  margin: 0;

  color: #858098;

  font-size: 13px;

  line-height: 1.65;
}

/* =========================================================
   CARD FOOTER
========================================================= */

.project-card-footer {
  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-top: 35px;
}

.project-card-cta {
  color: rgba(255, 255, 255, 0.7);

  font-size: 9px;

  font-weight: 600;

  letter-spacing: 0.14em;

  text-transform: uppercase;
}

.project-card-arrow {
  display: flex;

  align-items: center;
  justify-content: center;

  width: 45px;
  height: 45px;

  border: 1px solid rgba(185, 156, 255, 0.2);

  border-radius: 50%;

  color: #fff;

  font-size: 13px;

  transition:
    background 0.45s ease,
    border-color 0.45s ease,
    color 0.45s ease,
    transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.project-card-arrow i {
  transition: transform 0.4s ease;
}

.project-card:hover .project-card-arrow {
  background: #9b7aef;

  border-color: #9b7aef;

  color: #090817;

  transform: scale(1.1);
}

/* =========================================================
   EMPTY STATE
========================================================= */

.projects-empty {
  display: grid;

  grid-template-columns: 100px 1fr;

  gap: 50px;

  padding: 65px 0;

  border-top: 1px solid rgba(185, 156, 255, 0.16);

  border-bottom: 1px solid rgba(185, 156, 255, 0.16);
}

.projects-empty-number {
  color: rgba(185, 156, 255, 0.2);

  font-size: 64px;

  line-height: 1;
}

.projects-empty-label {
  display: block;

  margin-bottom: 12px;

  color: #9b7aef;

  font-size: 9px;

  font-weight: 600;

  letter-spacing: 0.15em;

  text-transform: uppercase;
}

.projects-empty h3 {
  margin: 0 0 14px;

  font-size: 32px;

  font-weight: 400;
}

.projects-empty p {
  max-width: 650px;

  margin: 0 0 25px;

  color: #858098;

  font-size: 14px;

  line-height: 1.7;
}

.projects-empty-link {
  display: inline-flex;

  align-items: center;

  gap: 12px;

  color: #b99cff;

  font-size: 11px;

  font-weight: 600;

  letter-spacing: 0.1em;

  text-transform: uppercase;

  text-decoration: none;
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {
  .projects-showcase-inner {
    width: min(100% - 50px, 1000px);
  }

  .projects-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .project-card:last-child {
    grid-column: span 2;
  }

  .project-card-media {
    height: 300px;
  }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {
  .projects-showcase {
    padding: 75px 0 85px;
  }

  .projects-showcase-inner {
    width: calc(100% - 30px);
  }

  /* Label */

  .projects-section-label {
    margin-bottom: 24px;

    gap: 8px;
  }

  .projects-label-number {
    width: 30px;
    height: 23px;

    font-size: 9px;
  }

  .projects-label-divider {
    width: 15px;
  }

  .projects-label-title {
    font-size: 8px;
  }

  /* Heading */

  .projects-heading-area {
    display: block;

    margin-bottom: 40px;
  }

  .projects-heading-content h2 {
    margin-bottom: 18px;

    font-size: 46px;

    line-height: 0.98;
  }

  .projects-heading-content p {
    font-size: 13px;

    line-height: 1.65;
  }

  .projects-view-all {
    margin-top: 25px;

    font-size: 9px;
  }

  /* Grid */

  .projects-grid {
    grid-template-columns: 1fr;

    gap: 14px;
  }

  .project-card:last-child {
    grid-column: auto;
  }

  .project-card-media {
    height: 250px;
  }

  .project-category {
    top: 15px;
    left: 15px;
    padding: 8px 11px;
    font-size: 8px;
  }

  .project-card-index {
    right: 15px;
    bottom: 15px;

    font-size: 28px;
  }

  .project-card-content {
    padding: 23px 20px 21px;
  }

  .project-card-content h3 {
    font-size: 23px;
  }

  .project-card-content p {
    font-size: 12px;
  }

  .project-card-footer {
    margin-top: 28px;
  }

  .project-card-arrow {
    width: 42px;
    height: 42px;
    font-size: 12px;
  }

  .projects-empty {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 40px 0;
  }

  .projects-empty-number {
    font-size: 50px;
  }

  .projects-empty h3 {
    font-size: 26px;
  }
}

@media (max-width: 400px) {
  .projects-heading-content h2 {
    font-size: 40px;
  }

  .project-card-media {
    height: 220px;
  }
}

/* =========================================================
   GLOBAL REGIONS
========================================================= */

.global-regions {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(
      circle at 85% 55%,
      rgba(132, 94, 225, 0.09),
      transparent 32%
    ),
    #080714;
  color: #fff;
}

.global-regions-grid {
  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 15px;
}

/* =========================================================
   REGION CARD
========================================================= */

.global-region-card {
  position: relative;

  display: flex;

  flex-direction: column;

  min-height: 330px;

  padding: 27px;

  overflow: hidden;

  border: 1px solid rgba(185, 156, 255, 0.15);

  border-radius: 18px;

  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.045),
    rgba(255, 255, 255, 0.012)
  );

  transition:
    transform 0.55s cubic-bezier(0.22, 1, 0.36, 1),
    border-color 0.4s ease,
    box-shadow 0.55s ease;
}

.global-region-card:hover {
  transform: translateY(-7px);

  border-color: rgba(185, 156, 255, 0.4);

  box-shadow:
    0 25px 65px rgba(0, 0, 0, 0.3),
    0 0 45px rgba(130, 90, 220, 0.07);
}

/* =========================================================
   CARD TOP
========================================================= */

.global-card-top {
  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  margin-bottom: 55px;
}

/* Number */

.global-card-number {
  color: rgba(255, 255, 255, 0.28);

  font-size: 11px;

  letter-spacing: 0.1em;
}

/* Icon */

.global-card-icon {
  display: flex;

  align-items: center;
  justify-content: center;

  width: 50px;
  height: 50px;

  border: 1px solid rgba(185, 156, 255, 0.18);

  border-radius: 50%;

  background: rgba(155, 122, 239, 0.04);

  font-size: 22px;

  filter: grayscale(0.2);

  transition:
    transform 0.5s cubic-bezier(0.22, 1, 0.36, 1),
    background 0.4s ease,
    border-color 0.4s ease;
}

.global-region-card:hover .global-card-icon {
  transform: rotate(8deg) scale(1.08);

  border-color: rgba(185, 156, 255, 0.45);

  background: rgba(155, 122, 239, 0.12);
}

/* =========================================================
   CARD CONTENT
========================================================= */

.global-card-content {
  flex: 1;
}

.global-card-content h3 {
  margin: 0 0 20px;

  color: #f7f5ff;

  font-size: 29px;

  line-height: 1.05;

  font-weight: 400;

  letter-spacing: -0.03em;

  transition:
    color 0.35s ease,
    transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

.global-region-card:hover .global-card-content h3 {
  color: #b99cff;

  transform: translateX(5px);
}

/* =========================================================
   COUNTRY LIST
========================================================= */

.global-country-list {
  display: flex;

  flex-wrap: wrap;

  gap: 6px;

  margin-bottom: 18px;
}

.global-country-list span {
  display: inline-flex;

  align-items: center;

  padding: 6px 9px;

  border: 1px solid rgba(255, 255, 255, 0.13);

  border-radius: 50px;

  color: rgba(255, 255, 255, 0.55);

  font-size: 9px;

  line-height: 1;

  transition:
    border-color 0.35s ease,
    color 0.35s ease;
}

.global-region-card:hover .global-country-list span {
  border-color: rgba(185, 156, 255, 0.25);

  color: rgba(255, 255, 255, 0.72);
}

/* =========================================================
   DESCRIPTION
========================================================= */

.global-card-content p {
  margin: 0;

  color: #858098;

  font-size: 12px;

  line-height: 1.65;
}

/* =========================================================
   CARD FOOTER
========================================================= */

.global-card-footer {
  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-top: 30px;
}

/* Line */

.global-card-line {
  display: block;

  width: 45px;
  height: 1px;

  background: rgba(185, 156, 255, 0.35);

  transition: width 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}

.global-region-card:hover .global-card-line {
  width: 100px;
}

/* Arrow */

.global-card-arrow {
  display: flex;

  align-items: center;
  justify-content: center;

  width: 40px;
  height: 40px;

  border: 1px solid rgba(185, 156, 255, 0.18);

  border-radius: 50%;

  color: rgba(255, 255, 255, 0.65);

  font-size: 11px;

  transition:
    background 0.4s ease,
    border-color 0.4s ease,
    color 0.4s ease,
    transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

.global-region-card:hover .global-card-arrow {
  background: #9b7aef;

  border-color: #9b7aef;

  color: #090817;

  transform: scale(1.1);
}

/* =========================================================
   EMPTY STATE
========================================================= */

.global-regions-empty {
  display: grid;

  grid-template-columns: 100px 1fr;

  gap: 50px;

  padding: 60px 0;

  border-top: 1px solid rgba(185, 156, 255, 0.15);

  border-bottom: 1px solid rgba(185, 156, 255, 0.15);
}

.global-empty-number {
  color: rgba(185, 156, 255, 0.18);

  font-size: 65px;

  line-height: 1;
}

.global-empty-label {
  display: block;

  margin-bottom: 12px;

  color: #9b7aef;

  font-size: 9px;

  font-weight: 600;

  letter-spacing: 0.15em;

  text-transform: uppercase;
}

.global-regions-empty h3 {
  margin: 0;

  color: #f7f5ff;

  font-size: 30px;

  font-weight: 400;
}

.global-heading-main {
  margin-bottom: 50px;
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1050px) {
  .global-regions-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .global-region-card:last-child {
    grid-column: span 2;
  }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {
  /* Label */

  .global-regions-label {
    gap: 8px;

    margin-bottom: 27px;
  }

  .global-label-number {
    width: 30px;
    height: 23px;

    font-size: 9px;
  }

  .global-label-divider {
    width: 15px;
  }

  .global-label-title {
    font-size: 8px;
  }

  /* Heading */

  .global-regions-heading {
    margin-bottom: 42px;
  }

  .global-heading-main h2 {
    margin-bottom: 18px;

    font-size: 45px;

    line-height: 0.98;
  }

  .global-heading-main p {
    font-size: 13px;

    line-height: 1.65;
  }

  /* Grid */

  .global-regions-grid {
    grid-template-columns: 1fr;

    gap: 12px;
  }

  .global-region-card:last-child {
    grid-column: auto;
  }

  /* Card */

  .global-region-card {
    min-height: 285px;

    padding: 22px;

    border-radius: 16px;
  }

  .global-card-top {
    margin-bottom: 42px;
  }

  .global-card-icon {
    width: 44px;
    height: 44px;

    font-size: 19px;
  }

  .global-card-content h3 {
    font-size: 26px;
  }

  .global-card-content p {
    font-size: 11px;
  }

  /* Empty */

  .global-regions-empty {
    grid-template-columns: 1fr;

    gap: 20px;

    padding: 40px 0;
  }

  .global-empty-number {
    font-size: 50px;
  }

  .global-regions-empty h3 {
    font-size: 25px;
  }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 400px) {
  .global-heading-main h2 {
    font-size: 40px;
  }

  .global-region-card {
    min-height: 270px;

    padding: 20px;
  }

  .global-card-content h3 {
    font-size: 24px;
  }
}

.insight-hub {
  position: relative;
  padding: 120px 0 130px;
  overflow: hidden;
  background:
    radial-gradient(
      circle at 85% 15%,
      rgba(145, 108, 235, 0.08),
      transparent 30%
    ),
    #080714;
}

.insight-hub-inner {
  width: min(1420px, calc(100% - 80px));
  margin: 0 auto;
}

/* TOOLS */

.insight-tools {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 30px;
  padding-bottom: 25px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}

/* SEARCH */

.insight-search {
  position: relative;
  display: flex;
  align-items: center;
  width: min(550px, 100%);
  height: 52px;
  border: 1px solid rgba(181, 151, 255, 0.15);
  border-radius: 50px;
  background: rgba(255, 255, 255, 0.025);
  overflow: hidden;
  transition: border-color 0.3s ease;
}

.insight-search:focus-within {
  border-color: rgba(181, 151, 255, 0.5);
}

.insight-search-icon {
  padding-left: 20px;
  color: #897e9d;
  font-size: 12px;
}

.insight-search input {
  flex: 1;
  height: 100%;
  min-width: 0;
  padding: 0 15px;
  border: 0;
  outline: 0;
  background: transparent;
  color: #fff;
  font-size: 12px;
}

.insight-search input::placeholder {
  color: #fff;
}

.insight-search button {
  height: 38px;
  margin-right: 7px;
  padding: 0 20px;
  border: 0;
  border-radius: 50px;
  background: #9b7aef;
  color: #090817;
  font-size: 10px;
  font-weight: 600;
  cursor: pointer;
}

/* CATEGORY DROPDOWN */

.insight-category-area {
  position: relative;
}

.insight-category-toggle {
  display: flex;
  align-items: center;
  gap: 25px;
  height: 52px;
  padding: 0 20px;
  border: 1px solid rgba(181, 151, 255, 0.15);
  border-radius: 50px;
  background: rgba(255, 255, 255, 0.025);
  color: #aaa3b8;
  font-size: 11px;
  cursor: pointer;
}

.insight-category-toggle i {
  color: #9b7aef;
  font-size: 9px;
}

.insight-category-menu {
  position: absolute;
  z-index: 20;
  top: calc(100% + 10px);
  right: 0;
  width: 230px;
  padding: 8px;
  border: 1px solid rgba(181, 151, 255, 0.18);
  border-radius: 15px;
  background: #111020;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35);
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: 0.3s ease;
}

.insight-category-area:hover .insight-category-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.insight-category-menu a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 13px;
  border-radius: 9px;
  color: #8f899e;
  font-size: 11px;
  text-decoration: none;
  transition: 0.3s ease;
}

.insight-category-menu a:hover,
.insight-category-menu a.is-selected {
  background: rgba(155, 122, 239, 0.12);
  color: #b99cff;
}

.insight-category-menu small {
  color: #666075;
}

/* FILTER */

.insight-filter-note {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-bottom: 30px;
  padding: 13px 17px;
  border: 1px solid rgba(181, 151, 255, 0.12);
  border-radius: 10px;
  color: #858095;
  font-size: 11px;
}

.insight-filter-note strong {
  color: #fff;
}

.insight-filter-note a {
  color: #a88cf4;
  text-decoration: none;
}

/* LAYOUT */

.insight-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 290px;
  gap: 55px;
}

.insight-main {
  min-width: 0;
}

/* FEATURE */

.insight-feature {
  display: grid;
  grid-template-columns: 1.08fr 0.92fr;
  min-height: 450px;
  margin-bottom: 18px;
  overflow: hidden;
  border: 1px solid rgba(181, 151, 255, 0.15);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.025);
  text-decoration: none;
  transition: 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.insight-feature:hover {
  transform: translateY(-5px);
  border-color: rgba(181, 151, 255, 0.4);
}

.insight-feature-image {
  position: relative;
  min-height: 450px;
  overflow: hidden;
}

.insight-feature-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1);
}

.insight-feature:hover .insight-feature-image img {
  transform: scale(1.06);
}

.insight-feature-number {
  position: absolute;
  top: 23px;
  left: 23px;
  color: rgba(255, 255, 255, 0.75);
  font-size: 10px;
}

.insight-feature-tag {
  position: absolute;
  left: 23px;
  bottom: 23px;
  padding: 8px 13px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 50px;
  background: rgba(5, 4, 15, 0.4);
  color: #fff;
  font-size: 8px;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  backdrop-filter: blur(8px);
}

.insight-feature-arrow {
  position: absolute;
  right: 22px;
  bottom: 22px;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  background: rgba(5, 4, 15, 0.35);
  color: #fff;
  transition: 0.4s ease;
}

.insight-feature:hover .insight-feature-arrow {
  background: #9b7aef;
  color: #090817;
  transform: rotate(45deg);
}

/* FEATURE CONTENT */

.insight-feature-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 50px;
}

.insight-card-category {
  display: block;
  margin-bottom: 15px;
  color: #a88cf4;
  font-size: 8px;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.insight-feature-content h3 {
  margin: 0 0 18px;
  color: #f7f4ff;
  font-size: clamp(28px, 3vw, 30px);
  line-height: 1.05;
  font-weight: 400;
  letter-spacing: -0.035em;
}

.insight-feature-content p {
  margin: 0;
  color: #858095;
  font-size: 12px;
  line-height: 1.75;
}

.insight-feature-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-top: 40px;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.insight-feature-meta > div {
  display: flex;
  align-items: center;
  gap: 9px;
}

.insight-avatar {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #9b7aef;
  color: #090817;
  font-size: 8px;
  font-weight: 700;
}

.insight-feature-meta strong,
.insight-feature-meta small {
  display: block;
}

.insight-feature-meta strong {
  color: #eae5f4;
  font-size: 9px;
}

.insight-feature-meta small {
  margin-top: 3px;
  color: #a09ea3;
  font-size: 10px;
}

.insight-read-time {
  color: #a09ea3;
  font-size: 10px;
  text-transform: uppercase;
}

/* POST GRID */

.insight-post-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px;
}

.insight-post {
  overflow: hidden;
  border: 1px solid rgba(181, 151, 255, 0.12);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.02);
  text-decoration: none;
  transition: 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.insight-post:hover {
  transform: translateY(-6px);
  border-color: rgba(181, 151, 255, 0.35);
}

.insight-post-image {
  position: relative;
  height: 240px;
  overflow: hidden;
}

.insight-post-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.insight-post:hover .insight-post-image img {
  transform: scale(1.07);
}

.insight-post-no {
  position: absolute;
  top: 17px;
  left: 17px;
  color: rgba(255, 255, 255, 0.75);
  font-size: 9px;
}

.insight-post-go {
  position: absolute;
  right: 17px;
  bottom: 17px;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(8, 7, 20, 0.5);
  color: #fff;
  transition: 0.4s ease;
}

.insight-post:hover .insight-post-go {
  background: #9b7aef;
  color: #090817;
  transform: rotate(45deg);
}

.insight-post-body {
  padding: 23px;
}

.insight-post-body h3 {
  margin: 0 0 12px;
  color: #f2eff9;
  font-size: 21px;
  line-height: 1.15;
  font-weight: 400;
  letter-spacing: -0.025em;
}

.insight-post:hover .insight-post-body h3 {
  color: #b99cff;
}

.insight-post-body p {
  margin: 0;
  color: #7e778e;
  font-size: 11px;
  line-height: 1.65;
}

.insight-post-footer {
  display: flex;
  justify-content: space-between;
  margin-top: 23px;
  padding-top: 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  color: #a09ea3;
  font-size: 10px;
}

/* SIDEBAR */

.insight-aside-sticky {
  position: sticky;
  top: 30px;
}

.insight-side-block {
  margin-bottom: 30px;
  padding-bottom: 28px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}

.insight-side-heading {
  display: flex;
  justify-content: space-between;
  margin-bottom: 9px;
  color: #a09ea3;
  font-weight: 500;
  font-size: 8px;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.insight-side-heading i {
  color: #9b7aef;
}

.insight-side-block h4 {
  margin: 0 0 20px;
  color: #eeeaf7;
  font-size: 24px;
  font-weight: 400;
}

/* SIDEBAR CATEGORY */

.insight-side-categories a {
  display: flex;
  justify-content: space-between;
  padding: 11px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  color: #817a90;
  font-size: 11px;
  text-decoration: none;
  transition: 0.3s ease;
}

.insight-side-categories a:hover,
.insight-side-categories a.is-current {
  padding-left: 7px;
  color: #b99cff;
}

.insight-side-categories small {
  color: #625b6e;
}

/* LATEST */

.insight-latest a {
  display: flex;
  gap: 12px;
  padding: 12px 0;
  text-decoration: none;
}

.insight-latest-dot {
  width: 5px;
  height: 5px;
  flex: 0 0 5px;
  margin-top: 7px;
  border-radius: 50%;
  background: #9b7aef;
}

.insight-latest h5 {
  margin: 0 0 5px;
  color: #c4bfd0;
  font-size: 11px;
  line-height: 1.45;
  font-weight: 400;
}

.insight-latest small {
  color: #a09ea3;
  font-size: 8px;
}

/* TOPICS */

.insight-topic-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.insight-topic-cloud a {
  padding: 7px 10px;
  border: 1px solid rgb(181 151 255 / 28%);
  border-radius: 50px;
  color: #dcdcdc;
  font-size: 8px;
  text-decoration: none;
  transition: 0.3s ease;
}

.insight-topic-cloud a:hover {
  border-color: #9b7aef;
  color: #b99cff;
}

/* EMPTY */

.insight-empty {
  display: grid;
  grid-template-columns: 100px 1fr;
  gap: 40px;
  padding: 60px 0;
  border-top: 1px solid rgba(181, 151, 255, 0.12);
  border-bottom: 1px solid rgba(181, 151, 255, 0.12);
}

.insight-empty-number {
  color: rgba(181, 151, 255, 0.18);
  font-size: 60px;
}

.insight-empty small {
  color: #9b7aef;
  font-size: 8px;
  letter-spacing: 0.15em;
}

.insight-empty h3 {
  margin: 12px 0;
  color: #fff;
  font-size: 30px;
  font-weight: 400;
}

.insight-empty p {
  color: #777083;
  font-size: 11px;
}

.insight-empty a {
  color: #a88cf4;
  font-size: 10px;
  text-decoration: none;
}

/* PAGINATION */

.insight-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 50px;
}

.insight-page-numbers {
  display: flex;
  gap: 6px;
}

.insight-page-numbers a,
.insight-page-current,
.insight-page-dots,
.insight-page-arrow {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(181, 151, 255, 0.12);
  border-radius: 50%;
  color: #817a90;
  font-size: 9px;
  text-decoration: none;
}

.insight-page-numbers a:hover,
.insight-page-current,
.insight-page-arrow:hover {
  border-color: #9b7aef;
  background: #9b7aef;
  color: #090817;
}

.insight-page-dots {
  border: 0;
}

.insight-intro {
  margin-bottom: 50px;
}

/* TABLET */

@media (max-width: 1050px) {
  .insight-layout {
    grid-template-columns: 1fr;
  }

  .insight-aside {
    order: 2;
  }

  .insight-aside-sticky {
    position: static;
  }

  .insight-side-block {
    display: inline-block;
    width: 48%;
    vertical-align: top;
    margin-right: 1%;
  }
}

/* MOBILE */

@media (max-width: 767px) {
  .insight-hub {
    padding: 80px 0 90px;
  }

  .insight-hub-inner {
    width: calc(100% - 30px);
  }

  /* LABEL */

  .insight-hub-label {
    gap: 8px;
    margin-bottom: 28px;
  }

  .insight-label-no {
    width: 29px;
    height: 23px;
    font-size: 9px;
  }

  .insight-label-divider {
    width: 14px;
  }

  .insight-label-name {
    font-size: 8px;
  }

  .insight-tools {
    display: block;
  }

  .insight-search {
    width: 100%;
  }

  .insight-category-area {
    margin-top: 10px;
  }

  .insight-category-toggle {
    width: 100%;
    justify-content: space-between;
  }

  .insight-category-menu {
    left: 0;
    right: auto;
    width: 100%;
  }

  /* FEATURE */

  .insight-feature {
    display: block;
  }

  .insight-feature-image {
    min-height: 280px;
    height: 280px;
  }

  .insight-feature-content {
    padding: 27px 22px;
  }

  .insight-feature-content h3 {
    font-size: 30px;
  }

  .insight-feature-meta {
    display: block;
    margin-top: 30px;
  }

  .insight-read-time {
    display: block;
    margin-top: 12px;
  }

  /* POSTS */

  .insight-post-grid {
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 12px;
  }

  .insight-post-image {
    height: 230px;
  }

  /* SIDEBAR */

  .insight-side-block {
    display: block;
    width: 100%;
    margin-right: 0;
  }

  /* PAGINATION */

  .insight-pagination {
    margin-top: 40px;
  }

  .cta-wrap h2 {
    font-size: 35px;
    margin-bottom: 25px;
  }

  .cta-wrap {
    padding: 60px 20px;
  }
}

/* SMALL */

@media (max-width: 400px) {
  .insight-search button {
    padding: 0 15px;
  }
}

.job-apply-sidebar input[type="password"],
.job-apply-sidebar input[type="email"],
.job-apply-sidebar input[type="tel"],
.job-apply-sidebar input[type="text"] {
  background-color: transparent;
  border: 1px solid #eeeeee36;
}

.job-apply-sidebar textarea {
  background-color: transparent;
  transition: all 0.3s;
  border: 1px solid #eeeeee36;
  resize: none;
}

/* =========================================================
   TICI PRODUCTS SECTION
========================================================= */

.tici-products-section {
  position: relative;
  width: 100%;
  padding: 130px 0;
  background: #060517;
  color: #ffffff;
  overflow: hidden;
}

/* subtle background */

.tici-products-section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
  background-size: 70px 70px;
  mask-image: linear-gradient(to bottom, black, transparent 95%);
}

.tici-products-container {
  position: relative;
  z-index: 2;
  width: min(1280px, calc(100% - 60px));
  margin: 0 auto;
}

/* =========================================================
   LABEL
========================================================= */

.tici-products-heading {
  margin-bottom: 65px;
}

.tici-products-label {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;

  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.tici-products-label-dot {
  width: 7px;
  height: 7px;
  display: block;
  flex: 0 0 7px;

  background: #a5ff36;
  border-radius: 50%;

  box-shadow: 0 0 12px rgba(165, 255, 54, 0.55);
}

.tici-products-label-number {
  color: #a5ff36;
}

.tici-products-label-line {
  width: 45px;
  height: 1px;

  background: rgba(255, 255, 255, 0.25);
}

.tici-products-label-text {
  color: rgba(255, 255, 255, 0.72);
}

/* =========================================================
   HEADING
========================================================= */

.tici-products-heading-content {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
  gap: 80px;
  align-items: end;
}

.tici-products-heading h2 {
  margin: 0;

  font-size: clamp(48px, 5vw, 76px);
  line-height: 0.98;
  font-weight: 400;
  letter-spacing: -0.045em;
}

.tici-products-heading h2 span {
  color: #8e7cff;
}

.tici-products-heading-copy {
  max-width: 470px;
}

.tici-products-heading-copy p {
  margin: 0;

  color: rgba(255, 255, 255, 0.62);
  font-size: 16px;
  line-height: 1.75;
}

/* =========================================================
   PRODUCTS GRID
========================================================= */

.tici-products-grid {
  display: grid;

  grid-template-columns: repeat(4, minmax(0, 1fr));

  gap: 18px;
}

/* =========================================================
   PRODUCT CARD
========================================================= */

.tici-product-item {
  position: relative;

  display: flex;
  flex-direction: column;

  min-width: 0;
  min-height: 100%;

  text-decoration: none;

  background: rgba(255, 255, 255, 0.035);

  border: 1px solid rgba(255, 255, 255, 0.12);

  border-radius: 20px;

  overflow: hidden;

  transition:
    border-color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease;
}

.tici-product-item:hover {
  background: rgba(255, 255, 255, 0.055);
  border-color: rgb(164 156 204 / 30%);
  transform: translateY(-5px);
}

/* =========================================================
   PRODUCT IMAGE
========================================================= */

.tici-product-media {
  position: relative;

  height: 245px;

  overflow: hidden;

  background:
    radial-gradient(
      circle at 50% 50%,
      rgba(105, 84, 255, 0.2),
      transparent 65%
    ),
    #101022;
}

.tici-product-media img {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;

  transition: transform 0.45s ease;
}

.tici-product-item:hover .tici-product-media img {
  transform: scale(1.04);
}

/* image overlay */

.tici-product-media::after {
  content: "";

  position: absolute;
  inset: 0;

  background: linear-gradient(to bottom, transparent 45%, rgba(6, 5, 23, 0.45));

  pointer-events: none;
}

/* =========================================================
   NUMBER
========================================================= */

.tici-product-number {
  position: absolute;
  left: 18px;
  top: 18px;
  z-index: 3;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  background: rgb(255 255 255);
  backdrop-filter: blur(8px);
  color: #000;
  font-size: 11px;
}

/* =========================================================
   ARROW
========================================================= */

.tici-product-arrow {
    position: absolute;
    right: 18px;
    top: 18px;
    z-index: 3;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #9480f1;
    color: #ffffff;
    font-size: 13px;
}

/* =========================================================
   CONTENT
========================================================= */

.tici-product-content {
  display: flex;
  flex-direction: column;

  flex: 1;

  padding: 28px 25px 24px;
}

.tici-product-content h3 {
  margin: 0 0 14px;

  color: #ffffff;

  font-size: 22px;
  line-height: 1.2;
  font-weight: 500;

  letter-spacing: -0.02em;
}

.tici-product-content p {
  margin: 0;

  color: rgba(255, 255, 255, 0.55);

  font-size: 14px;
  line-height: 1.7;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;

  overflow: hidden;
}

/* =========================================================
   CARD FOOTER
========================================================= */

.tici-product-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;

  margin-top: auto;
  padding-top: 30px;

  border-top: 1px solid rgba(255, 255, 255, 0.09);

  color: rgba(255, 255, 255, 0.72);

  font-size: 12px;
  font-weight: 500;

  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.tici-product-footer i {
  color: #9480f1;

  font-size: 13px;

  transition: transform 0.25s ease;
}

.tici-product-item:hover .tici-product-footer i {
  transform: translateX(5px);
}

/* =========================================================
   EMPTY STATE
========================================================= */

.tici-products-empty {
  max-width: 700px;

  margin: 0 auto;

  padding: 70px 40px;

  text-align: center;

  background: rgba(255, 255, 255, 0.035);

  border: 1px solid rgba(255, 255, 255, 0.12);

  border-radius: 24px;
}

.tici-products-empty-icon {
  width: 65px;
  height: 65px;

  display: flex;
  align-items: center;
  justify-content: center;

  margin: 0 auto 25px;

  border-radius: 16px;

  background: rgba(165, 255, 54, 0.1);

  color: #a5ff36;

  font-size: 24px;
}

.tici-products-empty h3 {
  margin: 0 0 12px;

  font-size: 28px;
  font-weight: 500;
}

.tici-products-empty p {
  margin: 0 auto 28px;

  max-width: 450px;

  color: rgba(255, 255, 255, 0.55);

  line-height: 1.7;
}

.tici-products-empty-btn {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  min-height: 48px;

  padding: 0 25px;

  border-radius: 50px;

  background: #a5ff36;

  color: #080814;

  text-decoration: none;

  font-size: 13px;
  font-weight: 600;
}

.tici-products-empty-btn i {
  margin-left: 10px;
}

/* =========================================================
   LARGE TABLET
========================================================= */

@media (max-width: 1199px) {
  .tici-products-section {
    padding: 110px 0;
  }

  .tici-products-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tici-product-media {
    height: 270px;
  }
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {
  .tici-products-container {
    width: min(100%, calc(100% - 40px));
  }

  .tici-products-heading-content {
    grid-template-columns: 1fr;

    gap: 25px;
  }

  .tici-products-heading h2 {
    font-size: clamp(44px, 7vw, 62px);
  }

  .tici-products-heading-copy {
    max-width: 600px;
  }

  .tici-products-heading {
    margin-bottom: 50px;
  }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {
  .tici-products-section {
    padding: 85px 0;
  }

  .tici-products-container {
    width: calc(100% - 30px);
  }

  .tici-products-label {
    gap: 9px;

    font-size: 11px;
  }

  .tici-products-label-line {
    width: 28px;
  }

  .tici-products-heading {
    margin-bottom: 40px;
  }

  .tici-products-heading h2 {
    font-size: 42px;
    line-height: 1;
  }

  .tici-products-heading-copy p {
    font-size: 14px;
    line-height: 1.65;
  }

  .tici-products-grid {
    grid-template-columns: 1fr;

    gap: 16px;
  }

  .tici-product-media {
    height: 230px;
  }

  .tici-product-content {
    padding: 24px 21px 22px;
  }

  .tici-product-content h3 {
    font-size: 21px;
  }

  .tici-product-content p {
    font-size: 13px;
  }

  .tici-product-footer {
    padding-top: 24px;
  }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {
  .tici-products-section {
    padding: 70px 0;
  }

  .tici-products-heading h2 {
    font-size: 36px;
  }

  .tici-product-media {
    height: 210px;
  }

  .tici-product-number {
    left: 14px;
    top: 14px;
    width: 31px;
    height: 31px;
  }

  .tici-product-arrow {
    right: 14px;
    top: 14px;
    width: 36px;
    height: 36px;
  }

  .tici-products-empty {
    padding: 50px 22px;
  }

  .tici-products-empty h3 {
    font-size: 24px;
  }
}