/* TrimKore overrides layered on the actual Softec index-5 template. */
:root {
   --tk-primary: #00bfd0;
   --tk-blue: #0878ff;
   --tk-deep-blue: #062f6f;
   --tk-dark: #071827;
   --tk-ink: #0b1728;
   --tk-muted: #516172;
   --tk-soft: #eefcff;
}

body {
   letter-spacing: 0;
   color: var(--tk-ink);
}

.tk-logo {
   width: 210px;
   max-width: 100%;
   height: auto;
}

.header-bottom__logo {
   padding-left: 24px;
}

.header-bottom__logo img.tk-logo,
.tpoffcanvas__logo img.tk-logo,
.tp-footer__logo img.tk-logo {
   width: 220px;
}

.header-bottom__area {
   border-bottom: 1px solid rgba(8, 120, 255, .1);
}

.header-bottom__main-menu-5 nav ul li a {
   letter-spacing: 0;
   color: var(--tk-ink);
   font-weight: 700;
}

.header-bottom__main-menu-5 nav ul li a:hover {
   color: var(--tk-blue);
}

.header-five__btn .tp-btn-yellow {
   min-width: 210px;
   background: linear-gradient(135deg, var(--tk-primary), var(--tk-blue));
   color: #fff;
}

.header-five__btn .tp-btn-yellow span {
   color: #fff;
}

.tp-hero-five__ptb-5 {
   position: relative;
   min-height: 760px;
   padding-top: 128px;
   padding-bottom: 92px;
   background:
      linear-gradient(105deg, rgba(7, 24, 39, .9), rgba(6, 47, 111, .58)),
      url("../img/trimkore/photos/hero-bg.jpg") center / cover no-repeat !important;
}

.tp-hero-five__ptb-5::before {
   content: "";
   position: absolute;
   inset: 0;
   background:
      radial-gradient(circle at 10% 20%, rgba(0, 191, 208, .22), transparent 28%),
      radial-gradient(circle at 86% 74%, rgba(8, 120, 255, .2), transparent 32%);
   pointer-events: none;
}

.tp-hero-title-5 {
   max-width: 780px;
   letter-spacing: 0;
   color: #fff;
}

.tp-hero-title-5 span,
.tp-hero-title-5 .child-1 {
   color: var(--tk-primary) !important;
}

.tp-hero-title-5 svg path {
   fill: var(--tk-primary);
}

.tp-hero-five-section-box p {
   max-width: 670px;
   color: rgba(255, 255, 255, .82);
   font-size: 20px;
   line-height: 1.65;
}

.tp-hero-five-2-thumb-main {
   opacity: .88;
   filter: drop-shadow(0 30px 60px rgba(0, 0, 0, .26));
}

.tp-hero-five-2-thumb-inner {
   width: min(680px, 52vw);
   height: 430px;
   object-fit: cover;
   border-radius: 28px;
   box-shadow: 0 32px 80px rgba(0, 0, 0, .28);
}

.tp-hero-five-2-thumb {
   border-radius: 28px;
   overflow: hidden;
}

.tp-btn-blue-lg.purple-bg,
.tp-btn-purple {
   background: linear-gradient(135deg, var(--tk-blue), var(--tk-primary)) !important;
}

.tp-btn-grey {
   color: var(--tk-ink);
   background: #fff;
}

.tp-btn-yellow-lg,
.tp-btn-yellow {
   background: linear-gradient(135deg, #ffd35a, #ffb82e);
}

.tk-video-panel {
   position: relative;
   min-height: 540px;
   border-radius: 30px;
   overflow: hidden;
   background:
      radial-gradient(circle at 20% 20%, rgba(0, 186, 195, .22), transparent 30%),
      linear-gradient(135deg, #ecfeff, #f8fafc);
   display: flex;
   align-items: center;
   justify-content: center;
}

.tk-video-panel img {
   width: 100%;
   height: 100%;
   min-height: 540px;
   object-fit: cover;
}

.tk-video-panel::after {
   content: "";
   position: absolute;
   inset: 0;
   background:
      linear-gradient(90deg, rgba(7, 24, 39, .74), rgba(7, 24, 39, .26) 52%, rgba(0, 191, 208, .1)),
      radial-gradient(circle at 22% 28%, rgba(0, 191, 208, .28), transparent 32%);
   pointer-events: none;
}

.tk-philosophy-card {
   position: absolute;
   z-index: 2;
   left: clamp(24px, 6vw, 96px);
   bottom: clamp(24px, 6vw, 84px);
   width: min(860px, calc(100% - 48px));
   padding: clamp(24px, 3vw, 42px);
   border-radius: 28px;
   background: rgba(255, 255, 255, .92);
   box-shadow: 0 32px 90px rgba(7, 24, 39, .24);
   backdrop-filter: blur(14px);
}

.tk-philosophy-card h3 {
   margin-bottom: 16px;
   color: var(--tk-ink);
   font-size: clamp(30px, 3vw, 52px);
   line-height: 1.08;
   letter-spacing: 0;
}

.tk-philosophy-card h3 strong {
   color: var(--tk-blue);
}

.tk-philosophy-card p {
   margin-bottom: 22px;
   color: var(--tk-muted);
   font-size: 18px;
   line-height: 1.65;
}

.tk-eyebrow {
   display: inline-block;
   margin-bottom: 14px;
   color: var(--tk-primary);
   font-weight: 800;
   letter-spacing: 0;
   text-transform: uppercase;
   font-size: 13px;
}

.tk-smart-grid {
   display: grid;
   grid-template-columns: repeat(5, minmax(0, 1fr));
   gap: 12px;
}

.tk-smart-grid span {
   display: block;
   min-height: 126px;
   border-radius: 14px;
   background: rgba(255, 255, 255, .92);
   border: 1px solid rgba(8, 120, 255, .14);
   color: var(--tk-ink);
   font-size: 13px;
   font-weight: 500;
   line-height: 1.35;
   overflow: hidden;
   padding: 14px 12px;
   white-space: normal;
}

.tk-smart-card h3::first-letter {
   float: left;
   color: var(--tk-blue);
   font-size: 2.8em;
   font-weight: 900;
   line-height: .76;
   margin: .04em .1em 0 0;
}

.tk-smart-grid strong {
   display: block;
   color: var(--tk-blue);
   font-size: 14px;
   font-weight: 900;
   margin-bottom: 6px;
}

.tk-smart-card h3 {
   min-height: 58px;
   margin-bottom: 12px;
   overflow: hidden;
}

.tp-fun-fact-title,
.tp-section-title-5,
.tp-feature-five-title-sm,
.tp-service-five-title-sm,
.tp-footer__widget-title {
   letter-spacing: 0;
}

.tp-fun-fact-title {
   max-width: 1040px;
   margin-inline: auto;
   color: var(--tk-ink);
}

.tp-service-five-content p,
.tp-feature-five-content p,
.tp-plan-section-box p,
.accordion-body,
.tp-intigration-five-section-box p,
.tp-footer__contact-info p,
.tk-footer-note p {
   color: var(--tk-muted);
   line-height: 1.65;
}

.tp-services-five-item-bg-color {
   background:
      linear-gradient(100deg, rgba(7, 24, 39, .88), rgba(8, 120, 255, .55)),
      url("../img/trimkore/photos/services-bg.jpg") center / cover no-repeat;
}

.tp-service-five-title-sm a,
.tp-feature-five-title-sm {
   color: var(--tk-ink);
}

.tp-service-five-section-box .tp-section-subtitle-5,
.tp-service-five-section-box .tp-section-title-5,
.tp-service-five-section-box p {
   color: #fff;
}

.tp-service-five-section-box .tp-section-title-5 span {
   color: var(--tk-primary);
}

.tp-service-five-item {
   background: rgba(255, 255, 255, .94);
   border: 1px solid rgba(8, 120, 255, .12);
   box-shadow: 0 26px 60px rgba(7, 24, 39, .12);
}

.tp-testimonial-area {
   display: none;
}

.tpoffcanvas__instagram,
.mouseCursor.cursor-inner a {
   display: none;
}

.tp-feature-five-section-box p {
   color: var(--tk-muted);
}

.grey-bg-3 {
   background:
      linear-gradient(180deg, rgba(248, 251, 255, .94), rgba(238, 252, 255, .96)),
      url("../img/trimkore/photos/finance-dashboard.jpg") center / cover no-repeat;
}

.tp-feature-five-item {
   background: #fff;
   border: 1px solid rgba(8, 120, 255, .1);
   box-shadow: 0 20px 45px rgba(7, 24, 39, .06);
}

.tp-intigration-five-wrapper {
   background:
      linear-gradient(135deg, rgba(248, 251, 255, .92), rgba(238, 252, 255, .96)),
      url("../img/trimkore/photos/solutions-lab.jpg") center / cover no-repeat,
      radial-gradient(circle at 22% 24%, rgba(0, 191, 208, .18), transparent 26%),
      linear-gradient(135deg, #f8fbff, #eefcff);
   border: 1px solid rgba(0, 191, 208, .14);
}

.tp-cta-five-section-box .tp-section-title-5,
.tp-cta-five-section-box .tp-section-subtitle-5 {
   color: #fff;
}

.tp-footer__area {
   background: #102427;
}

.tp-footer__widget-title {
   color: #ffffff;
}

.tp-footer__contact-info p,
.tk-footer-note p,
.tp-copyright__text span,
.tp-copyright__text a {
   color: rgba(235, 249, 250, .78);
}

.tp-footer__content ul li a {
   color: rgba(235, 249, 250, .76);
}

.tp-footer__content ul li a:hover {
   color: var(--tk-primary);
}

.tp-footer__input input {
   background: rgba(255, 255, 255, .08);
   border: 1px solid rgba(255, 255, 255, .16);
   color: #ffffff;
}

.tp-footer__input input::placeholder {
   color: rgba(235, 249, 250, .62);
}

.tp-plan-area {
   background: #fff;
}

.tp-plan-img-box,
.tp-plan-2-img-box {
   min-height: 500px;
   overflow: hidden;
   border-radius: 32px;
   background: var(--tk-soft);
   box-shadow: 0 34px 80px rgba(7, 24, 39, .12);
}

.tp-plan-img-box > div:not(.tp-plan-img-1),
.tp-plan-2-img-box > div:not(.tp-plan-2-img-1) {
   display: none !important;
}

.tp-plan-img-box .tp-plan-img-1,
.tp-plan-2-img-box .tp-plan-2-img-1 {
   position: absolute !important;
   inset: 0 !important;
}

.tp-plan-img-box .tp-plan-img-1 img,
.tp-plan-2-img-box .tp-plan-2-img-1 img {
   width: 100% !important;
   height: 100% !important;
   object-fit: cover !important;
}

.tp-plan-section-box .tp-section-title-5,
.tp-feature-five-section-box .tp-section-title-5,
.tp-intigration-five-section-box .tp-section-title-5 {
   color: var(--tk-ink) !important;
}

.tp-plan-section-box .tp-section-title-5 span,
.tp-feature-five-section-box .tp-section-title-5 span,
.tp-intigration-five-section-box .tp-section-title-5 span {
   color: var(--tk-blue) !important;
}

.accordion-buttons {
   color: var(--tk-ink);
}

.tp-cta-five-bg {
   background:
      linear-gradient(135deg, rgba(6, 47, 111, .96), rgba(0, 191, 208, .8)),
      url("../img/trimkore/photos/cta-bg.jpg") center / cover no-repeat !important;
}

.tp-cta-five-section-box .tp-section-title-5 span {
   color: #bffaff;
}

.tk-page-hero {
   padding: 180px 0 110px;
   background:
      linear-gradient(105deg, rgba(248, 251, 255, .94), rgba(238, 252, 255, .88)),
      url("../img/trimkore/photos/hero-bg.jpg") center / cover no-repeat;
}

.tk-page-hero h1,
.tk-section-heading {
   color: var(--tk-ink);
   letter-spacing: 0;
}

.tk-page-hero h1 {
   font-size: clamp(52px, 6vw, 92px);
   line-height: 1.02;
   margin-bottom: 24px;
}

.tk-page-hero p,
.tk-lead {
   color: var(--tk-muted);
   font-size: 20px;
   line-height: 1.7;
}

.tk-page-actions {
   display: flex;
   flex-wrap: wrap;
   gap: 14px;
   margin-top: 34px;
}

.tk-page-photo {
   border-radius: 30px;
   overflow: hidden;
   box-shadow: 0 34px 80px rgba(7, 24, 39, .16);
}

.tk-page-photo img {
   display: block;
   width: 100%;
   min-height: 420px;
   object-fit: cover;
}

.tk-content-section {
   background: #fff;
}

.tk-soft-section {
   background:
      linear-gradient(180deg, rgba(248, 251, 255, .96), rgba(238, 252, 255, .96)),
      url("../img/trimkore/photos/services-bg.jpg") center / cover no-repeat;
}

.tk-info-card,
.tk-service-card,
.tk-product-card,
.tk-contact-panel {
   height: 100%;
   padding: 34px;
   border-radius: 26px;
   background: #fff;
   border: 1px solid rgba(8, 120, 255, .1);
   box-shadow: 0 24px 60px rgba(7, 24, 39, .08);
   overflow: visible;
}

.tk-service-card,
.tk-product-card,
.tk-info-card {
   display: flex;
   flex-direction: column;
}

.tk-info-card span,
.tk-service-card span,
.tk-product-card span {
   display: inline-block;
   margin-bottom: 20px;
   color: var(--tk-blue);
   font-weight: 900;
}

.tk-info-card h3,
.tk-service-card h3,
.tk-product-card h3,
.tk-contact-panel h3 {
   color: var(--tk-ink);
   font-size: 26px;
   line-height: 1.2;
   letter-spacing: 0;
}

.tk-info-card p,
.tk-service-card p,
.tk-product-card p,
.tk-contact-panel p {
   color: var(--tk-muted);
   line-height: 1.65;
}

.tk-info-card a,
.tk-service-card a,
.tk-product-card a {
   color: var(--tk-blue);
   font-weight: 800;
   display: inline-block;
   margin-top: auto;
   padding-top: 16px;
}

.tk-card-status {
   margin-top: 14px;
   margin-bottom: 0;
   font-size: 14px;
   font-weight: 800;
   color: var(--tk-ink) !important;
}

.tk-pain-section {
   background: linear-gradient(180deg, #f8fbff 0%, #eefcff 100%);
}

.tk-section-heading {
   font-size: clamp(36px, 4vw, 58px);
   line-height: 1.08;
}

.tk-cta-strip {
   padding: 52px;
   border-radius: 26px;
   background:
      radial-gradient(circle at 78% 18%, rgba(0, 191, 208, .28), transparent 30%),
      linear-gradient(135deg, #102427, #13363c);
   color: #fff;
}

.tk-cta-strip h2,
.tk-cta-strip p {
   color: #fff;
}

.tk-cta-strip p {
   max-width: 720px;
   color: rgba(235, 249, 250, .78);
}

.tk-faq-card {
   height: 100%;
   padding: 30px;
   border-radius: 22px;
   background: #fff;
   border: 1px solid rgba(8, 120, 255, .1);
   box-shadow: 0 18px 44px rgba(7, 24, 39, .07);
}

.tk-faq-card h3 {
   color: var(--tk-ink);
   font-size: 20px;
   line-height: 1.25;
   margin-bottom: 12px;
}

.tk-faq-card p,
.tk-before-after p,
.tk-mini-list p,
.tk-form-microcopy {
   color: var(--tk-muted);
   line-height: 1.65;
}

.tk-mini-list {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 12px;
   margin-top: 24px;
}

.tk-mini-list p {
   margin: 0;
   padding: 14px 16px;
   border-radius: 14px;
   background: #f8fbff;
   border: 1px solid rgba(8, 120, 255, .1);
   font-weight: 700;
}

.tk-before-after {
   margin-top: 16px;
   padding-top: 16px;
   border-top: 1px solid rgba(8, 120, 255, .1);
}

.tk-before-after p {
   margin-bottom: 8px;
}

.tk-before-after strong {
   color: var(--tk-ink);
}

.tk-form-microcopy {
   display: block;
   margin-top: 14px;
   font-size: 14px;
}

.tk-check-list p {
   position: relative;
   padding-left: 26px;
}

.tk-check-list p::before {
   content: "";
   position: absolute;
   left: 0;
   top: 10px;
   width: 10px;
   height: 10px;
   border-radius: 50%;
   background: linear-gradient(135deg, var(--tk-primary), var(--tk-blue));
}

.tk-discovery-form {
   padding: 42px;
   border-radius: 30px;
   background: #f8fbff;
   border: 1px solid rgba(8, 120, 255, .12);
}

.tk-discovery-form input,
.tk-discovery-form select,
.tk-discovery-form textarea {
   width: 100%;
   min-height: 58px;
   border: 1px solid rgba(8, 120, 255, .12);
   border-radius: 14px;
   padding: 0 18px;
   background: #fff;
   color: var(--tk-ink);
}

.tk-discovery-form textarea {
   min-height: 160px;
   padding-top: 18px;
}

@media (max-width: 1199px) {
   .tp-hero-five__ptb-5 {
      min-height: 0;
      padding-top: 120px;
      padding-bottom: 90px;
   }

   .tp-hero-five-2-thumb-inner {
      width: min(560px, 48vw);
      height: 360px;
   }

   .tk-video-panel {
      min-height: 420px;
   }

   .tk-smart-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }
}

@media (max-width: 767px) {
   .header-bottom__logo {
      padding-left: 12px;
   }

   .header-bottom__logo img.tk-logo,
   .tpoffcanvas__logo img.tk-logo,
   .tp-footer__logo img.tk-logo {
      width: 170px;
   }

   .tp-hero-title-5 {
      font-size: 48px;
      line-height: 1.05;
   }

   .tp-hero-five-2-thumb-inner {
      width: 100%;
      height: 280px;
   }

   .tk-video-panel {
      min-height: 300px;
   }

   .tk-philosophy-card {
      position: relative;
      left: auto;
      bottom: auto;
      width: auto;
      margin: -70px 18px 24px;
   }

   .tk-smart-grid {
      grid-template-columns: 1fr;
   }

   .tk-mini-list {
      grid-template-columns: 1fr;
   }

   .tk-cta-strip {
      padding: 34px 24px;
      border-radius: 20px;
   }

   .tk-page-hero {
      padding: 130px 0 80px;
   }

   .tk-page-photo img {
      min-height: 280px;
   }
}

/* Final public-site polish overrides. Keep these last so template rules cannot win. */
.tp-hero-five-btn-box + .tp-hero-five-btn-box {
   display: none !important;
}

.tp-hero-five-section-wrap {
   margin-left: 0 !important;
}

.tp-hero-five-section-box p {
   max-width: 620px !important;
   color: rgba(255, 255, 255, .9) !important;
   font-size: 17px !important;
   line-height: 1.75 !important;
   padding-bottom: 18px !important;
}

.tp-vedio-area {
   padding-top: 76px !important;
}

.tp-vedio-title {
   font-size: clamp(34px, 3vw, 48px) !important;
   line-height: 1.18 !important;
}

.tk-philosophy-card {
   width: min(900px, calc(100% - 72px)) !important;
   padding: 44px !important;
}

.tk-philosophy-card p {
   font-size: 17px;
}

.tk-smart-grid span {
   min-height: 118px !important;
   padding: 16px 14px !important;
   font-size: 14px !important;
   line-height: 1.42 !important;
}

.tk-smart-grid strong {
   font-size: 15px !important;
}

.tp-fun-fact-area {
   padding-top: 78px !important;
   padding-bottom: 52px !important;
}

.tp-fun-fact-section-title {
   padding-bottom: 38px !important;
}

.tp-fun-fact-title {
   font-size: clamp(26px, 2.2vw, 36px) !important;
}

.tp-fun-fact-item {
   min-height: 108px;
   justify-content: center;
   gap: 18px;
   border-radius: 18px;
}

.tp-fun-fact-item h4 {
   font-size: 42px !important;
}

.tp-fun-fact-item p {
   font-size: 17px !important;
   line-height: 1.35 !important;
   font-weight: 700;
}

.tk-pain-section .tk-info-card {
   min-height: 175px;
   padding: 28px;
}

.tk-pain-section .tk-info-card h3 {
   font-size: 22px;
   line-height: 1.32;
}

.tk-pain-section .tk-info-card p {
   font-size: 15px;
   line-height: 1.68;
}

.tp-service-five-item {
   height: 100%;
   min-height: 315px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   overflow: hidden;
}

.tp-service-five-wrapper {
   align-items: flex-start !important;
   gap: 18px;
}

.tp-service-five-content p {
   color: #4b5563 !important;
   font-size: 15px;
}

.tp-service-five-title-sm a {
   color: var(--tk-ink) !important;
}

.tp-service-five-btn {
   margin-top: auto;
}

.tp-plan-space,
.tp-plan-2-space {
   padding-top: 96px !important;
   padding-bottom: 96px !important;
}

.tp-plan-img-box,
.tp-plan-2-img-box {
   min-height: 440px !important;
}

.tp-plan-section-box p,
.accordion-body,
.tp-plan-feature ul li {
   color: #344255 !important;
   font-size: 16px;
   line-height: 1.7;
}

.tp-plan-section-box .tp-section-title-5 {
   font-size: clamp(38px, 4vw, 64px);
}

.tp-feature-area {
   padding-top: 98px !important;
   padding-bottom: 96px !important;
}

.tp-feature-five-section-box .tp-section-title-5 {
   font-size: clamp(34px, 3.7vw, 58px) !important;
}

.tp-feature-five-wrapper-main {
   max-width: 1180px;
   margin: 0 auto;
}

.tp-feature-five-item {
   min-height: 340px;
   padding-inline: 24px;
}

.tp-feature-five-content p {
   font-size: 15px;
   line-height: 1.62;
}

.tp-intigration-five-space {
   padding-top: 105px !important;
   padding-bottom: 105px !important;
}

.tp-intigration-five-wrapper {
   padding: 78px 64px !important;
   min-height: 0 !important;
}

.tp-intigration-five-section-box {
   max-width: 1040px;
   margin: 0 auto;
}

.tk-product-foundation-grid {
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
   gap: 16px;
   margin: 34px 0 30px;
}

.tk-product-foundation-grid div {
   min-height: 140px;
   padding: 22px;
   border-radius: 18px;
   background: rgba(255, 255, 255, .9);
   border: 1px solid rgba(8, 120, 255, .12);
   box-shadow: 0 18px 40px rgba(7, 24, 39, .08);
   text-align: left;
}

.tk-product-foundation-grid strong {
   display: block;
   color: var(--tk-ink);
   font-size: 20px;
   line-height: 1.25;
   margin-bottom: 10px;
}

.tk-product-foundation-grid span {
   display: block;
   color: var(--tk-muted);
   font-size: 14px;
   line-height: 1.6;
}

.tk-section-subcopy {
   max-width: 760px;
   margin: 16px auto 0;
   color: var(--tk-muted);
   font-size: 17px;
   line-height: 1.7;
}

.tk-final-cta-copy {
   max-width: 760px;
   margin: 0 auto 30px;
   color: rgba(255, 255, 255, .86);
   font-size: 18px;
   line-height: 1.7;
}

.tp-footer__area {
   background: #0d272b !important;
}

.tp-footer__logo img.tk-logo {
   content: url("../img/trimkore/horizontal-tk-logo-white.png");
   width: 190px;
}

.tp-footer__widget-title,
.tp-footer__contact-info p,
.tp-footer__content ul li a,
.tk-footer-note p,
.tp-copyright__text span,
.tp-copyright__text a {
   color: rgba(255, 255, 255, .86) !important;
}

.tp-footer__widget-title {
   color: #ffffff !important;
}

.tp-footer__content ul li a:hover,
.tp-footer__contact-info a {
   color: var(--tk-primary) !important;
}

.tp-footer__input input {
   background: rgba(255, 255, 255, .1) !important;
   border-color: rgba(255, 255, 255, .2) !important;
   color: #ffffff !important;
}

.tp-footer__input input::placeholder {
   color: rgba(255, 255, 255, .66) !important;
}

.tk-page-hero-about h1 {
   font-size: clamp(44px, 5vw, 72px) !important;
   line-height: 1 !important;
   letter-spacing: 0 !important;
}

.tk-page-hero-about p {
   max-width: 720px;
}

.tk-page-hero-about + .tk-content-section .tk-section-heading {
   line-height: 1.06 !important;
}

.tk-smart-card {
   min-height: 100%;
}

.tk-smart-card p,
.tk-info-card p {
   font-size: 15px;
   line-height: 1.68;
}

.tk-mini-list p {
   color: #253245;
   background: #ffffff;
   border-color: rgba(8, 120, 255, .16);
   box-shadow: 0 12px 28px rgba(7, 24, 39, .05);
}

.tk-process-workflow-section {
   position: relative;
   overflow: hidden;
   background:
      linear-gradient(180deg, rgba(255, 255, 255, .5) 0%, rgba(248, 251, 255, .5) 100%),
      url("../img/trimkore/photos/about-panel.jpg") center / cover no-repeat;
}

.tk-process-workflow-section::before {
   content: "Our Philosophy";
   position: absolute;
   left: max(24px, calc((100vw - 1320px) / 2));
   top: 34px;
   z-index: 0;
   color: rgba(8, 120, 255, .08);
   font-size: clamp(72px, 10vw, 160px);
   font-weight: 900;
   line-height: .85;
   letter-spacing: 0;
   pointer-events: none;
   white-space: nowrap;
}

.tk-process-workflow-section .container {
   position: relative;
   z-index: 1;
}

.tk-process-heading {
   max-width: 1040px;
   text-align: left;
}

.tk-process-heading .tk-section-heading {
   font-size: clamp(54px, 6.4vw, 96px);
   line-height: .98 !important;
   max-width: 1040px;
}

.tk-process-heading .tk-lead {
   max-width: 820px;
}

.tk-process-workflow {
   display: grid;
   grid-template-columns: repeat(6, minmax(0, 1fr));
   align-items: stretch;
   gap: 18px;
}

.tk-process-step {
   position: relative;
   min-height: 330px;
   padding: 34px 20px 28px;
   border-radius: 0 28px 28px 0;
   background:
      linear-gradient(90deg, rgba(248, 251, 255, .98), rgba(238, 246, 255, .9));
   border: 1px solid rgba(8, 120, 255, .1);
   box-shadow: 0 22px 48px rgba(7, 24, 39, .08);
}

.tk-process-step::after {
   content: "";
   position: absolute;
   top: 0;
   right: -26px;
   z-index: 0;
   width: 54px;
   height: 100%;
   background: inherit;
   border-top-right-radius: 34px;
   border-bottom-right-radius: 34px;
   clip-path: polygon(0 0, 100% 50%, 0 100%);
   filter: drop-shadow(10px 0 18px rgba(7, 24, 39, .08));
}

.tk-process-step:last-child::after {
   display: none;
}

.tk-process-icon,
.tk-process-arrow,
.tk-process-step h3,
.tk-process-step p {
   position: relative;
   z-index: 1;
}

.tk-process-icon {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 74px;
   height: 74px;
   margin: 0 auto 22px;
   color: var(--tk-ink);
   font-size: 38px;
}

.tk-process-arrow {
   display: flex;
   align-items: center;
   justify-content: center;
   min-height: 42px;
   margin: 0 -26px 24px -20px;
   color: #fff;
   font-size: 15px;
   font-weight: 900;
   line-height: 1;
   clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 50%, calc(100% - 24px) 100%, 0 100%, 14px 50%);
}

.tk-process-step h3 {
   color: var(--tk-ink);
   font-size: 23px;
   line-height: 1.2;
   margin-bottom: 12px;
}

.tk-process-step p {
   color: var(--tk-muted);
   font-size: 14px;
   line-height: 1.65;
   margin-bottom: 0;
}

.tk-step-cyan .tk-process-arrow { background: linear-gradient(135deg, #00bfd0, #13d6e1); }
.tk-step-blue .tk-process-arrow { background: linear-gradient(135deg, #0878ff, #00bfd0); }
.tk-step-purple .tk-process-arrow { background: linear-gradient(135deg, #6b14fa, #a647ff); }
.tk-step-pink .tk-process-arrow { background: linear-gradient(135deg, #f53ca8, #ff6ca8); }
.tk-step-orange .tk-process-arrow { background: linear-gradient(135deg, #ff8a3d, #ffb13d); }
.tk-step-yellow .tk-process-arrow { background: linear-gradient(135deg, #f4c400, #ffd84d); color: #172033; }

@media (max-width: 767px) {
   .tp-hero-five__ptb-5 {
      min-height: 0 !important;
      padding-top: 96px !important;
      padding-bottom: 58px !important;
   }

   .tp-hero-title-5 {
      max-width: 100%;
      font-size: 36px !important;
      line-height: 1.08 !important;
      margin-bottom: 18px;
   }

   .tp-hero-title-5 svg {
      width: 180px;
   }

   .tp-hero-five-section-box p {
      max-width: 100%;
      font-size: 15px !important;
      line-height: 1.65 !important;
   }

   .tp-hero-five-btn-box {
      align-items: flex-start !important;
      flex-direction: column;
      gap: 10px;
      margin-top: 22px;
   }

   .tp-hero-five-btn-box .tp-btn-blue-lg,
   .tp-hero-five-btn-box .tp-btn-grey {
      margin: 0 !important;
      min-width: 184px;
      text-align: center;
   }

   .tp-hero-five-2-thumb-main {
      display: none !important;
   }

   .tp-vedio-area {
      padding-top: 72px !important;
   }

   .tp-vedio-sction-box {
      padding-bottom: 34px !important;
   }

   .tp-vedio-title {
      font-size: 28px !important;
      line-height: 1.18 !important;
   }

   .tk-video-panel,
   .tk-video-panel img {
      min-height: 360px;
   }

   .tk-philosophy-card {
      margin: -46px 18px 0;
      padding: 22px;
      border-radius: 20px;
      width: auto !important;
   }

   .tk-philosophy-card h3 {
      font-size: 24px;
      line-height: 1.12;
   }

   .tk-philosophy-card p {
      font-size: 13px;
      line-height: 1.55;
   }

   .tk-smart-grid span {
      min-height: 0;
      padding: 11px 12px;
      font-size: 12px;
   }

   .tk-smart-grid strong {
      font-size: 12px;
      margin-bottom: 4px;
   }

   .tp-intigration-five-wrapper [class*="tp-intigration-five-circle-img"] {
      display: none !important;
   }

   .tk-page-hero-about h1 {
      font-size: clamp(42px, 11vw, 52px) !important;
   }

   .tk-process-workflow {
      grid-template-columns: 1fr;
      gap: 22px;
   }

   .tk-process-workflow-section::before {
      top: 46px;
      left: 18px;
      font-size: 64px;
      white-space: normal;
   }

   .tk-process-heading .tk-section-heading {
      font-size: clamp(42px, 11vw, 54px);
   }

   .tk-process-step {
      min-height: 0;
      padding: 28px 24px;
      border-radius: 22px;
   }

   .tk-process-step::after {
      display: none;
   }

   .tk-process-icon {
      margin-left: 0;
      margin-right: 0;
   }

   .tk-process-arrow {
      margin: 0 0 20px;
   }

   .tp-fun-fact-item {
      min-height: 96px;
   }

   .tk-pain-section .tk-info-card {
      min-height: 0;
      padding: 24px;
   }

   .tp-service-five-item {
      min-height: 260px;
   }

   .tp-plan-space,
   .tp-plan-2-space {
      padding-top: 70px !important;
      padding-bottom: 70px !important;
   }

   .tp-plan-img-box,
   .tp-plan-2-img-box {
      min-height: 300px !important;
      border-radius: 22px;
   }

   .tp-intigration-five-wrapper {
      padding: 44px 22px !important;
   }

   .tk-product-foundation-grid {
      grid-template-columns: 1fr;
   }
}

@media (min-width: 768px) and (max-width: 1199px) {
   .tk-product-foundation-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }

   .tk-philosophy-card {
      width: min(760px, calc(100% - 48px)) !important;
   }

   .tk-smart-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }

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

   .tk-process-step::after {
      display: none;
   }

   .tk-process-step {
      border-radius: 24px;
   }
}