/* Intevora Systems site adjustments — keep template design, support longer menus */

:root {
  --intevora-teal: #20C9A6;
  --intevora-blue: #2E86DE;
  --intevora-violet: #5B3DF5;
  --intevora-gradient: linear-gradient(135deg, #20C9A6 0%, #2E86DE 50%, #5B3DF5 100%);
  --intevora-gradient-hover: linear-gradient(135deg, #5B3DF5 0%, #2E86DE 50%, #20C9A6 100%);
  --tj-color-theme-primary: #5B3DF5;
  --tj-color-theme-secondary: #20C9A6;
  --tj-color-theme-h6-primary: #2E86DE;
  --tj-color-theme-h7-primary-4: #5B3DF5;
  --tj-color-theme-h7-primary-3: #f5f8fc;
  --tj-color-theme-h7-primary-5: #f5f8fc;
  --tj-color-theme-h7-primary-6: #eef3fb;
  --tj-color-theme-h6-bg: #f6f8fc;
  --tj-color-border-4: #2E86DE;
  --tj-color-border-6: #2E86DE;
  --tj-color-light-3: #2E86DE;
  --tj-color-light-14: #f5f8fc;
}

.tj-menu-area li .sub-menu {
  max-height: 70vh;
  overflow-y: auto;
}

.tj-header-area .logo-area a img,
.tj-offcanvas-area .logo-area img,
.footer-logo img {
  height: auto;
  max-height: 48px;
  width: auto;
  max-width: 100%;
}

.tj-menu-area .main-nav-menu {
  margin: 0;
  padding: 0;
}

/* Homepage Project Categories: lock every card to the Application Development size (424x497). */
.tj-portfolio-section.style-7 .portfolio_item.style-7 {
  width: 425px;
  max-width: 425px;
  height: auto;
}

.tj-portfolio-section.style-7 .portfolio_item.style-7 .portfolio_image {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 424 / 497;
  overflow: hidden;
  border-radius: 10px;
}

.tj-portfolio-section.style-7 .portfolio_item.style-7 .portfolio_image img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  border-radius: 10px;
}

.tj-portfolio-section.style-7 .owl-stage {
  display: flex;
  align-items: stretch;
}

.tj-portfolio-section.style-7 .owl-item {
  display: flex;
  float: none;
}

.tj-portfolio-section.style-7 .owl-item .portfolio_item.style-7 {
  height: 100%;
}

.tj-portfolio-section.style-7 .portfolio_item.style-7 .portfolio_content {
  min-height: 115px;
}

@media (max-width: 575px) {
  .tj-portfolio-section.style-7 .portfolio_item.style-7 {
    width: 350px;
    max-width: 350px;
  }
}

/* Homepage How We Work: 5-step delivery process */
.intevora-process-section .tj-sec-heading.style-7 {
  margin-bottom: 50px;
}

.intevora-process-section .intevora-process-item {
  max-width: none;
  margin-bottom: 0;
  text-align: left;
}

.intevora-process-section .process-number {
  display: block;
  font-family: var(--tj-ff-heading2);
  font-size: 32px;
  line-height: 1;
  letter-spacing: 0.08em;
  color: var(--intevora-blue);
  background-image: var(--intevora-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 18px;
  position: relative;
  z-index: 2;
}

.intevora-process-section .intevora-process-item .service-icon {
  margin-bottom: 18px;
  font-size: 42px;
}

.intevora-process-section .process-label {
  display: block;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--intevora-blue);
  background-image: var(--intevora-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 8px;
  position: relative;
  z-index: 2;
}

.intevora-process-section .intevora-process-item .service-content .title {
  font-size: 20px;
}

.intevora-process-section .intevora-process-item .service-content .desc {
  margin-top: 16px;
}

.intevora-process-section .intevora-process-item .service-content .desc p {
  margin: 0;
}

.intevora-process-section .intevora-process-item:hover .process-number,
.intevora-process-section .intevora-process-item:hover .process-label {
  background-image: none;
  -webkit-text-fill-color: var(--tj-color-common-white);
  color: var(--tj-color-common-white);
}

.intevora-process-row > .col {
  position: relative;
}

@media (min-width: 1200px) {
  .intevora-process-row > .col:not(:last-child)::after {
    content: "\f178";
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    position: absolute;
    top: 42px;
    right: -6px;
    z-index: 4;
    color: var(--intevora-blue);
    font-size: 18px;
    line-height: 1;
    pointer-events: none;
  }
}

@media (max-width: 1199px) and (min-width: 768px) {
  .intevora-process-row > .col:nth-child(odd)::after {
    content: "\f178";
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    position: absolute;
    top: 42px;
    right: -6px;
    z-index: 4;
    color: var(--intevora-blue);
    font-size: 18px;
    pointer-events: none;
  }
}

@media (max-width: 767px) {
  .intevora-process-section.tj-team-section.style-7 {
    padding-bottom: 80px;
  }

  .intevora-process-row > .col:not(:last-child) {
    padding-bottom: 18px;
  }

  .intevora-process-row > .col:not(:last-child)::after {
    content: "\f175";
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    position: absolute;
    left: 50%;
    bottom: -4px;
    transform: translateX(-50%);
    z-index: 4;
    color: var(--intevora-blue);
    font-size: 18px;
    pointer-events: none;
  }
}

/* Brand accent: teal → blue → violet */

.tj-primary-btn,
.tj-cancel-btn {
  background-image: var(--intevora-gradient);
  background-size: 200% 200%;
  background-position: 0% 50%;
}

.tj-primary-btn:hover,
.tj-primary-btn:focus,
.tj-cancel-btn:hover,
.tj-cancel-btn:focus {
  background-image: var(--intevora-gradient-hover);
  background-position: 100% 50%;
}

.tj-primary-btn.btn-border,
.tj-cancel-btn.btn-border,
.tj-secondary-btn.btn-border {
  background: var(--intevora-gradient);
}

.tj-secondary-btn {
  background-image: var(--intevora-gradient);
  color: var(--tj-color-common-white);
}

.tj-secondary-btn:hover,
.tj-secondary-btn:focus {
  background-image: var(--intevora-gradient-hover);
  color: var(--tj-color-common-white);
}

.tj-secondary-btn.btn-border span {
  color: var(--intevora-violet);
}

.tj-hero-section.style-7 .hero_content_wrap .btn,
.tj-sec-heading.style-7 .btn {
  background-image: var(--intevora-gradient);
  background-color: transparent;
  color: var(--tj-color-common-white);
}

.tj-hero-section.style-7 .hero_content_wrap .btn:hover,
.tj-sec-heading.style-7 .btn:hover {
  background-image: var(--intevora-gradient-hover);
  background-color: transparent;
  color: var(--tj-color-common-white);
}

.tj-transparent-btn-four {
  border-color: transparent;
  background:
    linear-gradient(var(--tj-color-theme-h7-secondary), var(--tj-color-theme-h7-secondary)) padding-box,
    var(--intevora-gradient) border-box;
  border: 1px solid transparent;
}

.tj-transparent-btn-four:hover {
  background: var(--intevora-gradient) padding-box, var(--intevora-gradient) border-box;
  border-color: transparent;
  color: var(--tj-color-common-white);
}

.tj-transparent-btn-five:hover,
.service_item.style-7:hover .service-button .tj-transparent-btn-five {
  background-image: var(--intevora-gradient);
  border-color: transparent;
  color: var(--tj-color-common-white);
}

.tj-cta-section.style-6 .cta_wrapper .cta_form button[type=submit]:hover {
  background-image: var(--intevora-gradient);
  background-color: transparent;
}

.tj-menu-area li a,
.tj-menu-area li .black-color,
.tj-sec-heading .sub-title {
  background-image: var(--intevora-gradient);
}

.tj-hero-section.style-7 .hero_content_wrap .title span,
.tj-sec-heading.style-6 .subtitle,
.tj-sec-heading.style-7 .subtitle {
  color: var(--intevora-blue);
  background-image: var(--intevora-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.service_item.style-7:hover .service-icon,
.service_item.style-7:hover .service-content .title,
.service_item.style-7:hover .service-content .title a,
.service_item.style-7 .service-content .title a:hover {
  color: var(--intevora-blue);
  background-image: var(--intevora-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.service_item.style-7:hover .service-content .title::after {
  background-image: var(--intevora-gradient);
  background-color: transparent;
}

.portfolio_item.style-7 .portfolio_content {
  background: linear-gradient(135deg, rgba(32, 201, 166, 0.92) 0%, rgba(46, 134, 222, 0.88) 50%, rgba(91, 61, 245, 0.9) 100%);
}

.tj-header-area.header-style-7 .tj-menu-area li .sub-menu::before,
.tj-header-area.header-style-7 .tj-menu-area li .sub-menu li a::before {
  background-image: var(--intevora-gradient);
}

.tj-header-area.header-style-7 .tj-menu-area li .sub-menu li a.active,
.tj-header-area.header-style-7 .tj-menu-area li .sub-menu li a:hover {
  color: var(--intevora-violet);
}

.services_carousel.style-7 .services_pagination .swiper-pagination-bullet::after,
.tj-portfolio-section.style-7 .owl-dots .owl-dot.active {
  background-image: var(--intevora-gradient);
}

.webency-scroll-top > svg.progress-circle path,
.webency-scroll-top.style-1 > svg.progress-circle path {
  stroke: var(--intevora-blue);
}

.webency-scroll-top .webency-scroll-top-icon,
.webency-scroll-top.style-1 .webency-scroll-top-icon {
  background-image: var(--intevora-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.tj-offcanvas-area.style-7 .tj-search-box form a i,
.tj-offcanvas-area.style-7 .mobile-contact ul li span i,
.tj-offcanvas-area.style-7 .mobile-share ul li a:hover {
  background-image: var(--intevora-gradient);
}

.mean-container .mean-nav ul li a:hover,
.mean-container .mean-nav ul li a.active,
.tj-offcanvas-area .mean-nav ul li a:hover,
.tj-offcanvas-area .mean-nav ul li a.active {
  color: var(--intevora-blue);
}

.contact-form-box .form-input input:focus,
.contact-form-box .form-textarea textarea:focus {
  border-color: var(--intevora-blue);
}