.site_logo .logo {max-width: 200px;}
.mega-menu-list ul {flex-direction: column;align-items: start;}
.footer-logo {max-width: 260px;}
.mega-menu-wrapper{position: relative;z-index: 1;min-height: 300px;}

.mainmenu ul > li > .sub-menu > li.current-menu-ancestor > a, .mainmenu ul > li > .sub-menu > li.current-menu-item > a, .mainmenu ul > li > .sub-menu > li:hover > a {
    color: #00682f;
}

.mega-menu-wrapper::before{
    content: "";
    background: url("../images/bg/map.svg");
    width: 100%;
    height: auto;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: .05;
    z-index: -1;}

.mega-menu-wrapper::after {
    content: "";
    background: #f5f7fa;
    width: 39%;
    height: auto;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    z-index: -1;}

.mockup-2 .mainmenu ul > li > .sub-menu{
    width: 320px;
    height: 380px;
    overflow-y:auto ;}

.mainmenu ul > li > .mega-menu-pages, .mobile_menu ul > li > .mega-menu-pages {
    width: 100%;
    max-width: 100%;}

.mega-menu-wrapper{
    position: relative;
    z-index: 1;
    min-height: 400px;}

.megamenu-feature-box {
    /* border: 1px solid #dddddd;
    background: #f5f7fa;
    opacity: 11;
    padding: 10px; */
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    gap: 10px;}

.megamenu-feature-box img {
    height: 175px;
    width: 100%;
    object-fit: cover;
    border-radius: 5px;}

.mega-menu-title{color: #3e4fa0;}
.mega-menu-list ul > li > p{font-size: 14px !important;margin-bottom: 10px;}
.banner-title{font-size: var(--tj-fs-h1);}

/*.banner-bg-main {

    position: relative;

    overflow: hidden;

    background: #f5f7f8;

}*/


/*.banner-bg-main:before {

    content: "";

    background: url(../images/hero/hero-img.jpg) no-repeat right;

    width: 100%;

    height: auto;

    display: inline-block;

    position: absolute;

    min-height: 600px;

    display: inline-block;

    position: absolute;

    z-index: -1;

    bottom: 0;

    background-size: contain    ;

}*/

.tj-banner-section-2 .banner-content-2 {max-width: 600px;}
.tj-banner-section-2 {
    padding-top: 60px;
	padding-bottom: 8px;}
.tj-banner-section-2 {background-color: #F5F7F8;}
.tj-banner-section-2 .banner-content-2 {
    max-width: 100%;
	text-align: center;
    padding: 40px 0 40px;}
.banner-title-2 {font-weight: bold;color: #3a3a3c;font-size: 116px;text-align: center;}
.banner-content-2 .banner-title span {display: inline-block;color: #0c1e21;font-weight: bold;font-style: italic;}
.service-item.style-5 .service-icon {font-size: 64px;margin-bottom: 0px;}
.service-item .title a:hover {color: var(--tj-color-common-white);}
.service-item.style-5 .service-content {max-width: 420px;}
.cta-area {align-items: center;}
.progress-box, .mission-vision-box{ background-color: #cadddd;}
.h6-testimonial-wrapper .testimonial-item { background-color: #cadddd;}
.h6-testimonial-wrapper .testimonial-item .desc p {margin-bottom: 0;font-size: 18px;font-style: italic;}
.service-content .tj-primary-btn {border: 1px solid #fff;}
.tj-primary-btn,.tj-contact-section,.call-box,.choose-box:hover .btn-icon,.service-item.style-1 .text-btn .btn-icon{background-color: #007736;}
.countup-wrap{background-color: #ffffff;}
.inline-content,.count-text,.inline-content .odometer,.inline-content .odometer span{color:#0c1e21;}
.tj-faq .accordion-item .faq-title::after{color: #007736; border: 2px solid #007736; }
body,.progress-box, .mission-vision-box,.h6-testimonial-wrapper .testimonial-item{background-color: white;}
.tj-about-section-2,.tj-service-section,.h6-testimonial,.cta-area { background-color: #F5F7F8;}
.tj-footer-section { background-color: #3b3b40;}
.service-item.style-5{background-color: #f5f7f8;}
.service-item.style-5 .title,.service-item.style-5 .desc{color: #0c1e21;}
.list-items li i,.service-bottom-text i,.swiper-pagination-bullet{color: #3b3b40;}
.swiper-pagination-bullet{background-color: #3b3b40;}
.sec-heading .sec-title span {color: #007736;}

.sec-heading.style-3 .sub-title,.sec-heading .sub-title i,.choose-box .choose-icon,.sec-heading-wrap.style-3 .sub-title {color: #7a7d84;}
.choose-box:hover { background-color: #3b3b40;}
.tj-progress-bar{background: #007736;}
.cta-area .cta-content .title{color: #3b3b40;}
.service-content .tj-primary-btn {border: 0px solid #fff;}
.about-img-area.style-2 .box-area,.tj-banner-section-2 .banner-scroll .scroll-down span {background-color: #007736;}
.sec-heading-wrap .sub-title i {color: #7e8188;}
.contact-form.style-2 .sec-heading span,.contact-form.style-2 .sec-heading .sub-title i {color: white;}
.contact-form.style-2 .tj-primary-btn{background-color: #ffffff;}
.contact-form.style-2 .tj-primary-btn .btn-text{color:#242428;}
.social-links ul li a{background-color: rgb(255 255 255 / 30%);color: #ffffff;}
.contact-form.style-2 .form-input textarea, .contact-form.style-2 .form-input input[type=tel], .contact-form.style-2 .form-input input[type=text], .contact-form.style-2 .form-input input[type=email]{
	color: #fdffff;}
.sec-heading .sub-title.text-white { border-color: rgb(255 255 255 / 64%);}
.tj-banner-section-2 .banner-content-2 .sub-title{color: #3a3a3c;letter-spacing: 0px;font-size: 13px;
    font-weight: 600;text-transform: capitalize;}
.mainmenu ul > li.current-menu-item > a{ color: #007736;}
.tj-banner-section-2 {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;}
.video-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	opacity: 0.3;}
.video-bg video {
    width: 100%;
    height: 100%;
    object-fit: cover;}
.tj-primary-btnn {background-color: #3a3a3c;}
.tj-banner-section-2 .container {position: relative;z-index: 2;}
.banner-content-2,.banner-title-2{position: relative;z-index: 2;}
.tj-banner-section-2 .banner-content-2 .btn-area{justify-content: center;}
.tj-banner-img { width: 60%;}
.tj-primary-btnn .btn-icon { background-color: white;}
.tj-primary-btnn .btn-icon i{color: #0c1e21;}
.service-item.style-5 .service-icon { display: none;}
.service-item.style-5 .title {font-size: 28px;}
.fa.fa-check {
    color: #ffffff;
    font-weight: 200;
    background-color: #007736;
    padding: 4px;
	font-size: 10px;
    border-radius: 100%;
    margin-right: 6px;}
.sec-heading .sub-title, .sec-heading-wrap.style-3 .sub-title{font-size: 11px;font-weight: 400;letter-spacing: 5.4px;margin-bottom: 5px;}
.sec-heading .sub-title i,.sec-heading-wrap .sub-title i{display: none;}
.about-img-area.style-2 .box-area { display: none;}
h4 {font-size: 20px;}
.choose-box.style-2 {padding: 24px 25px;}
.choose-box{background-color: #f5f7f8;}
.choose-box .desc {font-size: 14px;}
p {font-size: 14px;}
.choose-icon{display:none;}
.footer-contact ul li {list-style: none;padding-bottom: 10px;}
.widget-subscribe {margin-top: 0px !important; }
.footer-widget .title {margin-bottom: 20px;font-size: 20px;}
.home .tj-faq-section {background-color: #ffffff;border-radius: 12px;margin-bottom: 20px;}
.contact-form.style-2 {background-color: rgb(0 119 54);}
.tj-faq .accordion-item .accordion-body {font-size: 13px;}
.tj-faq .accordion-item .faq-title {font-size: 15px;padding: 18px 60px 18px 0;font-weight:600;}
.tj-footer-section {padding-top: 0px;}
.footer-main-area { padding: 55px 0 55px 0;}
.heading-wrap-content{margin-bottom: 5px;}


    /* ── Filter Tabs ── */
    .filter-tabs {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-bottom: 40px;
		margin-top: 40px;
		align-items: center;
    justify-content: center;
    }

    .filter-btn {
      background: var(--surface);
      border: 1px solid var(--border);
      color: var(--muted);
      font-family: 'Syne', sans-serif;
      font-weight: 600;
      font-size: 0.8rem;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      padding: 10px 24px;
      border-radius: 2px;
      cursor: pointer;
      transition: all 0.25s ease;
      position: relative;
      overflow: hidden;
    }

    .filter-btn::before {
      content: '';
      position: absolute;
      bottom: 0; left: 0;
      width: 0; height: 2px;
      background: var(--accent);
      transition: width 0.3s ease;
    }

    .filter-btn:hover { color: var(--text); border-color: var(--muted); }
    .filter-btn:hover::before { width: 100%; }

    .filter-btn.active {
    background: #00800014;
    color: #0c0c0f;
    border-color: var(--accent);
    border-radius: 32px;
}
    .filter-btn.active::before { display: none; }

    /* ── Gallery Grid ── */
    .gallery-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
      gap: 16px;
    }

    .gallery-item {
      position: relative;
      border-radius: 6px;
      overflow: hidden;
      aspect-ratio: 4/3;
      cursor: pointer;
      animation: fadeIn 0.4s ease both;
    }

    .gallery-item.hide { display: none; }

    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(16px); }
      to   { opacity: 1; transform: translateY(0); }
    }

    /* ── Thumb (image placeholder) ── */
    .gallery-thumb {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 3.5rem;
      transition: transform 0.5s ease;
    }

    .gallery-item:hover .gallery-thumb { transform: scale(1.07); }
     .gallery-thumb { background: linear-gradient(135deg, #ffffff 0%, #ffffff 100%); }
    .cat-ecommerce  .gallery-thumb { background: linear-gradient(135deg, #ffffff 0%, #ffffff 100%); }
    .cat-design     .gallery-thumb { background: linear-gradient(135deg, #ffffff 0%, #ffffff 100%); }
    .cat-seo        .gallery-thumb { background: linear-gradient(135deg, #ffffff 0%, #ffffff 100%); }
    .cat-development .gallery-thumb{ background: linear-gradient(135deg, #ffffff 0%, #ffffff 100%); }

    /* ── Hover Overlay ── */
    .gallery-overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(to top, rgb(0 119 54) 0%, rgb(62 62 62 / 77%) 50%, rgba(0, 0, 0, 0.05) 100%);
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      padding: 24px 22px;
      opacity: 0;
      transition: opacity 0.35s ease;}

    .gallery-item:hover .gallery-overlay { opacity: 1; }

    .overlay-badge {
      font-family: 'Syne', sans-serif;
      font-size: 0.62rem;
      font-weight: 600;
      letter-spacing: 2px;
      text-transform: uppercase;
      margin-bottom: 8px;
      transform: translateY(8px);
      transition: transform 0.3s ease;
    }

    .cat-ecommerce  .overlay-badge { color: #fff; }
    .cat-design     .overlay-badge { color: #fff; }
    .cat-seo        .overlay-badge { color: #fff; }
    .cat-development .overlay-badge{ color: #fff; }

    .overlay-title {
      font-family: 'Syne', sans-serif;
      font-weight: 700;
      font-size: 1.05rem;
      color: #fff;
      margin-bottom: 8px;
      transform: translateY(8px);
      transition: transform 0.35s ease 0.04s;
    }

    .overlay-desc {
      font-size: 0.8rem;
      color: rgba(255,255,255,0.78);
      line-height: 1.6;
      transform: translateY(8px);
      transition: transform 0.35s ease 0.08s;
    }

    .gallery-item:hover .overlay-badge,
    .gallery-item:hover .overlay-title,
    .gallery-item:hover .overlay-desc { transform: translateY(0); }

    /* accent bottom bar */
    .gallery-overlay::after {
      content: '';
      position: absolute;
      bottom: 0; left: 0;
      width: 0; height: 3px;
      background: var(--accent);
      transition: width 0.4s ease 0.1s;
    }
    .gallery-item:hover .gallery-overlay::after { width: 100%; }

    /* No results */
    .no-results {
      display: none;
      text-align: center;
      color: var(--muted);
      padding: 60px 20px;
      font-size: 0.9rem;
    }
    .no-results.show { display: block; }

.text-slider {
    background-color: #007636;}

/* Marquee */
.marquee {
  position: relative;
  width: 100%;
  padding: 15px;
  overflow: hidden;
  z-index: 1;
}

.marquee-track {
  display: flex;
  gap: 20px;
  width: max-content;
  animation: scroll 28s linear infinite;
}

.marquee-item {
  font-size: 35px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.04em;
  color: #fff;
  white-space: nowrap;
  /* The magic: text reacts to whatever is behind it */
  mix-blend-mode: difference;
}

@keyframes scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* Pause on hover */
.stage:hover .marquee-track {
  animation-play-state: paused;
}

.caption {
  position: absolute;
  bottom: 32px;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 14px;
  color: #999;
  z-index: 2;
  color: #fff;
}

.caption a {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #fff;
  padding-bottom: 2px;
  margin-left: 2px;
  transition: border-color 0.3s ease;}

.caption a:hover {border-bottom-color: #fff;}
section.x-factor {padding-top: 50px;}
.tj-service-section-5{padding-top: 70px;}
.x-factor .factor-item {
    position: relative;
    padding: 0 30px;
}

.x-factor .factor-item:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 10%;
    right: 0;
    width: 1px;
    height: 80%;
    background: #dcdcdc;
}

.factor-item h5 {
	font-size: 19px}

/* Mobile */
@media (max-width: 767px) {
    .x-factor .factor-item::after {
        display: none;
    }
}

/* service page */
.about__v4 .mission-statement {
    background-color: #007636;
    position: relative;
    bottom: -20px;
    width: 100%;
}

.img-card{border-radius:1rem;position: relative;}

.img-main {
    z-index: 10;
    border-radius: 20px;
    -webkit-box-shadow: 0 15px 40px 0 rgba(var(--bs-black-rgb), 0.1);
    box-shadow: 0 15px 40px 0 rgba(var(--bs-black-rgb), 0.1);
    position: absolute;
    max-width: 219px;
    bottom: -65px;
    right: 440px;}

.text p { margin-bottom: 0px;}

.features li {margin-bottom: 8px;}

.feature-contrainer {background-color: #00b14f0f;border-radius:20px;}

.tj-service-section-5{padding-top:40px;}

.n-text {font-size: 25px;color: #ccc;}

/*.single-service .tj-faq .accordion-item {padding: 0 0px;}*/

.howitworks__v1 .arch-line {
    position: absolute;
    top: 15px;
    width: 150px;
    right: 0;
    left: calc(100% + 24px);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);}

.step-number {
    width: 60px;
    height: 60px;
    line-height: 60px;
    display: inline-block;
    color: white;
    background-color: #007736;
    font-size: 18px;}

.hero__v6 {background-color: #f5f7f8;}

.mainmenu ul > li.current-menu-ancestor > a, .mainmenu ul > li.current-menu-item > a, .mainmenu ul > li:hover > a {
    color: green;}


/********About Page Css*******/
/* ============ WHY CHOOSE US ============ */
  .feature-box{
    background: #fff;
    border-radius: var(--radius);
    padding: 38px 28px;
    text-align: center;
    box-shadow: var(--shadow-soft);
    border: 1px solid #EEF1F6;
    height: 100%;
    transition: all .35s ease;
    position: relative;
    overflow: hidden;
  }
  .feature-box::before{
    content:'';
    position:absolute;
    top:0; left:0; right:0;
    height: 4px;
    background: linear-gradient(135deg, var(--primary), var(--accent));
    transform: scaleX(0);
    transition: transform .35s ease;
    transform-origin: left;
  }
  .feature-box:hover::before{ transform: scaleX(1); }
  .feature-box:hover{
    transform: translateY(-10px);
    box-shadow: var(--shadow-hover);
  }
  .feature-icon{
    width: 65px;
    height: 65px;
    margin: 0 auto 20px;
    border-radius: 50%;
    background: var(--light-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: var(--primary);
    transition: all .35s ease;
  }
  .feature-box:hover .feature-icon{
    background: linear-gradient(135deg, var(--primary), var(--primary-dark));
    color: #fff;
    transform: rotateY(360deg);
  }
  .feature-box h5{ margin-bottom: 12px; }
  .feature-box p{ color: var(--text-muted); font-size: .95rem; margin: 0; }



/* ============ WORK PROCESS ============ */
  .process-step{
    text-align: center;
    position: relative;
    padding: 0 15px;
  }
  .process-circle{
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: #fff;
    border: 2px dashed var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    color: var(--primary);
    margin: 0 auto 22px;
    position: relative;
    z-index: 2;
    transition: all .35s ease;
  }
  .process-step:hover .process-circle{
    background: var(--primary);
    color: #fff;
    transform: rotate(360deg);
  }
  .process-step .step-number{
    position: absolute;
    top: -8px;
    right: calc(50% - 55px);
    background: var(--accent);
    color: #fff;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .8rem;
    font-weight: 700;
    z-index: 3;
  }
  .process-line{
    position: absolute;
    top: 45px;
    left: 100%;
    width: 100%;
    height: 2px;
    background: repeating-linear-gradient(90deg, var(--primary) 0 8px, transparent 8px 16px);
    z-index: 1;
  }
  @media(max-width: 991px){
    .process-line{ display: none; }
    .process-step{ margin-bottom: 30px; }
  }

.section-label {
      font-size: 0.75rem;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: #6c757d;
      font-weight: 500;
    }
 
    .section-title {
      font-size: 3rem;
      font-weight: 800;
      color: #1a1a1a;
      line-height: 1.15;
    }
 
    .section-title span {
      color: #1e7d45;
    }
 
    .feature-card {
      background-color: #f5f7f8;
      border-radius: 16px;
      padding: 30px 28px;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      border: none;
      transition: background-color 0.25s ease;
    }
 
    .feature-card:hover {
      background-color: #e8e8e8;
    }
 
    .feature-card .card-title {
      font-size: 1.15rem;
      font-weight: 600;
      margin-bottom: 1rem;
      color: #1a1a1a;
    }
 
    .feature-card .card-text {
      font-size: 0.8rem;
      color: #6c757d;
      line-height: 1.65;
      flex-grow: 1;
    }
 
    .card-link {
      display: flex;
      align-items: center;
      gap: 0.6rem;
      margin-top: 1.75rem;
      text-decoration: none;
      font-weight: 700;
      font-size: 0.9rem;
      color: #1a1a1a;
    }
 
    .arrow-btn {
      width: 36px;
      height: 36px;
      border-radius: 50%;
      background-color: #1e7d45;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }
 
    .arrow-btn svg {
      width: 16px;
      height: 16px;
      stroke: #ffffff;
    }
 
    
 
    /* Scroll animation */
    .fade-up {
      opacity: 0;
      transform: translateY(50px);
      transition: opacity 0.65s ease, transform 0.65s ease;
    }
 
    .fade-up.visible {
      opacity: 1;
      transform: translateY(0);
    }
 
    .delay-1 { transition-delay: 0.1s; }
    .delay-2 { transition-delay: 0.2s; }
    .delay-3 { transition-delay: 0.3s; }
    .delay-4 { transition-delay: 0.4s; }
    .delay-5 { transition-delay: 0.5s; }

.list-para li p {margin-bottom: 5px;}
.list-para {padding-left: 15px;}
.single-service .section-gap {padding-top: 80px;padding-bottom: 80px;}
.feature-card:hover {background-color: #007535;color: white;}
.feature-card:hover p, .feature-card:hover .card-title{color: white;}
.tj-faq .accordion-item {background-color: #f5f7f8;}
.service-item.style-1 {height: 300px;}
.tj-service-section .sec-heading {max-width: 840px;}
.contact-form {padding: 40px 50px;}
.sec-heading .sub-title{padding: 2px 3px;}
.tj-faq-section .sec-heading{margin-bottom: 30px;}
.right-row {padding-left: 30px;}
.list-para li {
    font-size: 12px;
    line-height: 22px;
    color: #8d949a;}

.feature-card:hover .list-para li{color:white;}
.why-section {margin-bottom: 80px;}
.service-item.style-1 .service-content .desc{font-size:14px;}
.service-bottom-text a:hover { color: #007133;}
.tj-choose-section .sec-heading {max-width: 650px;}
.small_hero_sec {padding-top: 90px;padding-bottom: 90px;background-color: #F5F7F8;background-image: url(https://rankcraftmedia.com/wp-content/uploads/2026/06/bg-img-about.png);background-size: 100%;}

/* home page below banner section */
.features-section{
    color:#fff;
    padding:3rem 0;
    position:relative;}
 
  .eyebrow{
    color:var(--accent);
    font-weight:600;
    letter-spacing:.18em;
    font-size:.8rem;
    text-transform:uppercase;
    display:flex;
    align-items:center;
    gap:.6rem;
    margin-bottom:1rem;}

  .eyebrow .dot{
    width:8px;height:8px;border-radius:50%;
    background:var(--accent);
    box-shadow:0 0 0 4px rgba(166,226,46,.15);}
 
  .display-heading{
    font-family:'Poppins',sans-serif;
    font-weight:800;
    font-size:clamp(2.1rem,4vw,3.1rem);
    line-height:1.18;
    margin-bottom:2.25rem;}
 
  .avatar-group img{
    width:40px;height:40px;
    border-radius:50%;
    border:2px solid #0b0f08;
    object-fit:cover;
    margin-left:-12px;}
  .avatar-group img:first-child{ margin-left:0; }
  .stars i{ color:var(--accent); font-size:.85rem; }
  .review-text{ color:var(--text-muted); font-size:.9rem; font-weight:500; margin-top:.15rem; }
  .btn-envato{
    background:#fff;
    color:#0b0f08;
    border-radius:50px;
    font-weight:600;
    padding:.7rem 1.6rem;
    display:inline-flex;
    align-items:center;
    gap:.4rem;
    border:none;
    text-decoration:none;
    font-size:.95rem;}
  .btn-envato:hover{ color:#0b0f08; opacity:.9; }
  .btn-envato .envato-mark{ color:#5cb811; font-weight:800; }
  .feature-card{
    background:var(--card-bg);
    border:1px solid var(--card-border);
    border-radius:18px;
    padding:1.85rem 0rem;
    text-align:center;
    height:100%;
    transition:transform .25s ease, border-color .25s ease, background-color .25s ease; }
  .feature-card:hover{
    background:rgba(255,255,255,.07);
    border-color:var(--card-hover-border);
    transform:translateY(-4px);}
  .feature-icon{
    width:56px;height:56px;
    border-radius:14px;
    background:rgb(245 247 248);
    display:flex;align-items:center;justify-content:center;
    margin:0 auto 0.9rem;
    font-size:1.6rem;}
.feature-icon img {
    width: 30px;
    height: 30px;
}
  .feature-label{
    font-weight:400;
    font-size:.82rem;
    letter-spacing:.03em;
    text-transform:capitalize;
    line-height:1.55;}
 
.feature-label {color: black;font-weight: 600;}
/* home page below banner section */

.why-section .feature-card {
    padding: 24px 25px;
    text-align: left;
    background-color: #f5f7f8;}

.why-section .feature-card:hover {
    background-color: #007535;}

.page-template-template-about .tj-service-section-5 {
    padding-top: 80px;padding-bottom:80px;}

/************************************/
/*** 	 06. Our Services css     ***/
/************************************/

.our-services{
	position: relative;
	padding: 120px 0;
	overflow-x: clip;
}

.our-services::before{
	content: '';
	position: absolute;
	left: -90px;
	bottom: 80px;
	transform: rotate(var(--rotate));
	background: url('../images/section-bg-image-2.png') no-repeat;
	background-position: center center;
	background-size: cover;
	width: 400px;
	height: 400px;
	transition: transform 0.1s linear;
	pointer-events: none;
	z-index: 0;
}

.our-service-content{
	position: sticky;
	top: 30px;
}

.serv_sec .service-item-list::-webkit-scrollbar{
	display: none;
}

.our-services .service-item-list{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	margin-left: 15px;
}

.serv_sec .service-item{
	position: sticky;
	top: 30px;
	width: 100%;
	min-height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 30px;
    padding: 50px;
	overflow: hidden;
  background-color:#f9f9f9;
}

.serv_sec .service-item-header{
	display: flex;
	flex-wrap: wrap;
	align-items: start;
	gap: 20px;
}

.serv_sec .service-item-content{
	width: calc(100% - 80px);
}

.serv_sec .service-item-content-no{
	display: block;
	line-height: normal;
	color: var(--primary-color);
	margin-bottom: 15px;
}

.serv_sec .service-item-content-no:last-child{
	margin-bottom: 0;
}

.serv_secand.service-item-content h2{
	font-size: 22px;
}

.serv_sec .service-item-content h2 a{
	color: inherit;
}

.serv_sec .service-item-content p{
	margin: 5px 0 6px;
}

.serv_sec .service-item-header .icon-box{
	position: relative;
}

.serv_sec .service-item-content ul {
    padding-left: 20px;
    padding-top: 8px;
}

.serv_sec .service-item-content ul li {
    font-size:14px;}

.serv_sec .service-item-header .icon-box:before{
	content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background: var(--accent-color);
    border-radius: 50%;
    width: 22px;
    height: 22px;
	z-index: -1;
}

.serv_sec .service-item:nth-child(even) .service-item-header .icon-box:before{
	left: auto;
	right: 0;
}

.serv_sec .service-item-header .icon-box img{
	width: 100%;
	max-width: 60px;
}

.serv_sec .service-item-tag{
	border-top: 1px solid #0000001f;
	padding-top: 20px;
}

.serv_sec .service-item-tag ul{
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.serv_sec .service-item-tag ul li{
	font-size: 12px;
	font-weight: 500;
	color: var(--white-color);
	background-color: #0080000f;
	border-radius: 5px;
	padding: 11px 15px;
	transition: all 0.6s ease-in-out;
}

.serv_sec .service-item-tag ul li:hover{
	color: var(--black-color);
	background-color: var(--accent-color);
}

section.portfolio {
    padding: 120px 0;}

.sec-heading .sub-title{border: 0px dashed var(--tj-color-border-1);}

.case-section{
    position:relative;
    overflow:hidden;
    background:
      radial-gradient(ellipse 900px 650px at 58% 8%, rgba(123,77,191,.55), transparent 62%),
      linear-gradient(120deg, var(--navy-deep) 0%, var(--navy-mid) 32%, #1a1f48 68%, var(--indigo-end) 100%);
    padding: 80px 0 80px;
  }
 
  /* faint background watermark word */
  .case-watermark{
    position:absolute;
    top:38%;
    left:5%;
    transform:translateY(-50%);
    font-size:clamp(7rem, 16vw, 13rem);
    font-weight:800;
    letter-spacing:.08em;
    color:rgba(255,255,255,.045);
    line-height:1;
    white-space:nowrap;
    user-select:none;
    pointer-events:none;
    z-index:0;
  }
 
  .case-content{ position:relative; z-index:1; }
 
  .case-eyebrow{
    font-size:.78rem;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:#dcdde6;
    margin-bottom:.9rem;
  }
 
  .case-copy{
    color:var(--text-muted);
    font-size:1.02rem;
    line-height:1.65;
    max-width:430px;
  }
  .case-copy + .case-copy{ margin-top:1.1rem; }
 
  .case-btn{
    display:inline-block;
    margin-top:2.1rem;
    padding:.85rem 1.9rem;
    border:1.5px solid rgba(255,255,255,.45);
    color:#fff;
    font-size:.78rem;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
    text-decoration:none;
    border-radius:4px;
    transition:background-color .25s ease, color .25s ease, border-color .25s ease;
    background:transparent;
  }
  .case-btn:hover{
    background:#fff;
    color:var(--navy-deep);
    border-color:#fff;
  }
 
  /* ---------- cards ---------- */
  .cards-col{
    position:relative;
    z-index:1;
    padding-right:0 !important;
  }
 
  .cards-wrapper{
    overflow:hidden;
    width:100%;
  }
 
  .cards-track{
    display:flex;
    width:300%;
    transition:transform .5s cubic-bezier(.65,0,.35,1);
  }
 
  .cards-page{
    flex:0 0 33.3333%;
    display:flex;
    gap:24px;
  }
 
  .case-card{
    position:relative;
    flex:1 1 0;
    min-width:0;
    min-height:340px;
    border-radius:18px;
    overflow:hidden;
    background-size:cover;
    background-position:center;
  }
 
  .case-card::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to top, rgba(0,0,0,.82) 0%, rgba(0,0,0,.18) 48%, transparent 72%);
  }
 
  .case-card-body{
    position:absolute;
    left:0; right:0; bottom:0;
    z-index:2;
    padding:26px 28px;
  }
 
  .case-card-label{
    color:rgba(255,255,255,.85);
    font-size:.85rem;
    font-weight:500;
    margin-bottom:.25rem;
  }
 
  .case-card-title{
    color:#fff;
    font-size:1.8rem;
    font-weight:700;
    line-height:1.25;
    margin:0;
  }
 
  /* ---------- dots ---------- */
  .case-dots{
    display:flex;
    align-items:center;
    gap:8px;
    margin-top:32px;
  }
 
  .case-dot{
    border:none;
    background:#3b3b40;
    opacity:.55;
    width:10px;
    height:10px;
    border-radius:5px;
    padding:0;
    cursor:pointer;
    transition:width .3s ease, background-color .3s ease, opacity .3s ease;
  }
 
  .case-dot.active{
    width:28px;
    background:green;
    opacity:1;
  }
 
  @media (max-width: 991.98px){
    .case-section{ padding:56px 0 48px; }
    .cards-col{ margin-top:48px; }
    .case-card{ min-height:300px; }
    .case-watermark{ display:none; }
  }
 
  @media (max-width: 575.98px){
    .cards-page{ gap:16px; }
    .case-card{ min-height:300px; }
    .case-card-title{ font-size:1.2rem; }
  }

.card-notched {
    background-color: #00800014;text-align: center;border-radius: 20px;}

.digital_exp {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #80808008;}

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

.mainmenu ul > li > .sub-menu {
	width: 255px;}

.tj-contact-section{background-color: #ffffff;}

.tj-contact-section .sec-heading .sec-title {color: #0c1e21;}
.address-list {padding-left: 5px;list-style: none;padding-top: 20px;}
.address-list p {font-weight: 600;
    font-size: 17px;
    color: #0c1e21;}

.address-list img {
    width: 30px;
    height: 30px;
    background-color: #eaeaea;
    padding: 6px;
    border-radius: 20px;}
.address-list p span {padding-right: 15px;}
.mainmenu ul > li > .sub-menu > li:hover > a {color: #007736;}
.mainmenu ul > li > a {padding: 37px 5px;}
.quote-sec h2 {
    line-height: 50px;
    font-weight: 500;
    font-style: italic;}
.quote-sec h2 span {
    color: green;
    font-weight: bolder;
}
.services-card {
      background: #fff;
      border-radius: 16px;
      overflow: hidden;
      box-shadow: 0 4px 24px rgba(0,0,0,0.07);
    }
 
    /* Orange headline panel */
    .services-intro {
      background: #0c1e21;
      padding: 2.5rem 2rem;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
 
    .services-intro h2 {
      font-weight: 600;
      font-size: 1.45rem;
      line-height: 1.35;
      color: #fff;
      margin-bottom: 1rem;
    }
 
    .services-intro p {
      font-size: 0.9rem;
      color: rgba(255,255,255,0.88);
      margin: 0;
      line-height: 1.6;
    }
 
    /* Service item */
    .service-item {
      padding: 2.5rem 1.75rem;
      height: 100%;
      border-left: 1px solid #ececec;
    }
 
    .service-icon {
      font-size: 2rem;
      color: #222;
      margin-bottom: 1.25rem;
      display: block;
      line-height: 1;
    }

.service-item .service-icon {
    background: none;
	border: 0px solid rgba(30, 138, 138, 0.15);}
 
    .service-item h3 {
      font-weight: 600;
      font-size: 1.1rem;
      color: #111;
      margin-bottom: 0.65rem;
      line-height: 1.3;
    }
 
    .service-item p {
      font-size: 0.875rem;
      color: #555;
      line-height: 1.65;
      margin: 0;
    }
 
    /* Dividers between service cols on mobile */
    @media (max-width: 767.98px) {
      .service-item {
        border-left: none;
        border-top: 1px solid #ececec;
      }
      .services-intro {
        border-radius: 0;
      }
    }
.quote-sec {
    padding-top: 80px;background-color: #F5F7F8;}

.desc ul {
    padding-left: 2px;
    list-style-type: none;
}

.desc ul li {
    padding-bottom: 15px;
}

.service-item.style-5 .service-img {
    height: 100% !important;
}
.project-card-content {
    padding-top: 16px;
}
.project-category {
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 5px;
}
.navigation.pagination a {
    padding-left: 20px;padding-right:20px;
}
.page-numbers.current{
    color: green;
    font-weight: bold;
    background-color: #0080001c;
    padding: 4px 18px;}

.next.page-numbers,.prev.page-numbers { color: green;font-weight: bold;}
.project-featured-image {
    padding-top: 50px;}
.industry__v4 {
    padding-top: 80px;
    padding-bottom: 80px;}
.ifeatures__v2 {padding-bottom: 80px;}
.industry-service-card img {
    width: 100%;
    height: 218px;
    object-fit: cover;
    display: block;
    border-radius: 10px;
	margin-bottom: 10px;}
.text-btn:hover .btn-icon {background-color: #00ac4d;}
.blog-item .blog-content {padding: 25px 0px 32px 0px;}
.sec-fold {
    margin-bottom: 15px !important;}