:root {
    --tj-color-theme-primary: #656464 !important;
    --tj-color-grey-1: #ffffff42  !important;
    --tj-color-common-white: #f9f8f8 !important;
}

.countup-item.style-2 .count-icon { 
    background: #f9f9f9;
}
.h5-strategy-heading { 
    background-color: #e7f2d6; 
}
.h9-choose-box.choose-box {
    background-color: #e7f2d6; 
}
.cta-area {
    background: linear-gradient(353deg, #79bd28, #1f3f20);
}
.tj-cta-section {
    margin-bottom: 66px;
}
.countup-item.style-2 { 
    background-color: #fff;
}
.h4-banner-content .banner-desc-area {
    max-width: 733px; 
      margin-inline-start: 0px;
      /*justify-content: flex-start;*/

}
 
.h10-process-wrapper .h10-process-icon { 
    background: #fff;
}
.tji-complete:before {
    content: "\e90e";
    color: #0C1E21;
}
.header-area.h6-header.sticky 
 {
    width: calc(100% - 30px);
    background: #fff;
}
.header-area.header-1 .header-wrapper {
    padding: 0 18px;
    background-color: #fff;
}
.header-area.h6-header.header-absolute {
    background: #fff;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .team-details__name {
        font-size: 30px;
        margin-bottom: 22px;
    }
}
h2{
    font-family: var(--tj-ff-heading);
    color: var(--tj-color-heading-primary);
    margin-top: 0px;
    margin-bottom: 30px;
}
.footer-widget.footer-col-1 .footer-text p {
    color: #e3e3e3;
}
.footer-contact-info .contact-item a:hover {
    color: #f1f1f1;
}
.tj-footer-section.footer-2 .footer-widget ul li a {
    color: #e3e3e3;
}

.tj-footer-section.footer-2 {
    background: linear-gradient(353deg, #79bd28, #000000);
}
.tj-copyright-area-2 .copyright-text p {
    color: #e0e0e0;
}
.footer-marquee .marquee-text {
    opacity: 0.7;
}
.h6-project {
    background-color: #f9f8f8;
}
.h6-project .sec-heading.style-2 .sec-title {
    color: #364e52;
}
.h6-about {
    background-color: #e7f2d6;
}

.h6-about-content .desc {
    color: #364e52;
    margin-bottom: 0;
}

.h6-about-funfact-wrapper {
    background-color: rgb(255 255 255 / 82%);
}
.h6-about-content .sec-title {
    color: var(--tj-color-heading-primary);
    margin-bottom: 25px;
}
.inline-content .odometer span {
    font-weight: var(--tj-fw-medium);
    color: #364e52;
}
.inline-content { 
    color: #364e52;
}
.h6-about-funfact .countup-item .count-text {
    max-width: 205px;
    color: #364e52;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .h4-banner-content .banner-title {
        font-size: 35px;
    }
}

.tj-page-header {
     
    background-color: #0c1e2100 !important ;
    }
.h6-hero .banner-left-box {
    background-color: #e7f2d6 !important;
}

.h6-hero .banner-left-box {
    background-color: #ededed;
}

.choose-box .choose-icon i {
    /* 1. Apply the gradient as a background */
        background: linear-gradient(135deg, #676c68, #20b026);
    
    /* 2. Clip the background to the shape of the icon/text */
    -webkit-background-clip: text;
    background-clip: text;
    
    /* 3. Make the actual icon color transparent so the gradient shows through */
    color: transparent !important;
    
    /* Ensure it behaves like a block for the gradient to span correctly */
    display: inline-block;
}
/* Change icon to white when the parent box is hovered */
.choose-box:hover .choose-icon i {
    /* Disable the background clipping and gradient */
    -webkit-background-clip: initial;
    background-clip: initial;
    background: none;
    
    /* Set the icon color to white */
    color: #ffffff !important;
}

/* Optional: Add a smooth transition for a professional feel */
.choose-box .choose-icon i {
    transition: all 0.3s ease-in-out;
}
.section-divider {
  width: 80px;
  height: 3px;
  background: #FFF;
  margin: 20px auto;
  border-radius: 2px;
}
.choose-box {
	background-color: #ffffff;
}
.tj-working-process {
    background-color: #79bd281f;
}
.white-divider {
  width: 100%;
  height: 3px;
  background: #ffffff;
  margin: 0px 0;
     
}
.service-details-item .number {
    background: linear-gradient(135deg, #79bd28, #2b582d);
}

p{
    text-align: justify;
}
.text-btn .btn-icon {
    background: linear-gradient(135deg, #79bd28, #2b582d);
}
.h9-cta-section .cta-content .title .cta-img a {
     background: linear-gradient(135deg, #79bd28, #2b582d) !important;
}

.pb-90{
    padding-bottom:90px;
}
    
    
    
    
.tj-primary-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: relative;

    /* Gradient color */
    background: linear-gradient(135deg, #79bd28, #3b863e);

    font-size: 16px;
    font-weight: var(--tj-fw-sbold);
    padding: 5px 5px 5px 25px;
    text-align: center;
    border-radius: 50px;
    line-height: 1;
    z-index: 2;
    overflow: hidden;
    white-space: nowrap;
    
    color: #fff;
    transition: all 0.3s ease;
}
.tj-primary-btn:hover {
    background: linear-gradient(135deg, #4CAF50, #2E7D32);
}
.process-item .process-step {
    font-size: 120px;
    color: var(--tj-color-theme-primary);
    background: -webkit-gradient(linear, left top, left bottom, from(var(--tj-color-theme-primary)), color-stop(90%, var(--tj-color-common-white)));
    background: linear-gradient(180deg, var(--tj-color-theme-primary) 0%, #79bd28 90%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: var(--tj-fw-sbold);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    line-height: 1;
    margin-bottom: 16px;
}
 

.sec-heading.style-2 .sec-title span {
    color: #838781 !important;
}
.h4-banner-content .banner-desc { 
    text-align: justify;
}
.pb-50{
    padding-bottom: 50px !important;
}

.blog-item .blog-content .title a {
    background-image:  none !important;
     background-image: none !important; 
    background-size: 0 2px;
    background-repeat: no-repeat;
    background-position: 0 85%;
     
}


@media (min-width: 768px) {
  .my-box {
    width: 315px !important;
    border-inline-start: 1px solid var(--tj-color-border-1) !important;
    padding: 26px 30px 20px !important;
  }
}

@media (max-width: 767px) {
  .my-box {
    width: 100% !important;
    border-inline-start: none !important;
    padding: 0 !important;
  }
}

 .team-details__img3 img {
          height: 460px;
          width: 100%;
          object-fit: cover;
          /* crops instead of stretching */
          border-radius: 12px;
        }

 .team-details__img2 img {
          height: 435px;
          width: 100%;
          object-fit: cover;
          /* crops instead of stretching */
          border-radius: 12px;
        }
        

 .team-details__img1 img {
          height: 424px;
          width: 100%;
          object-fit: cover;
          /* crops instead of stretching */
          border-radius: 12px;
        }
        
        
/*contact page        */
.contact-item.style-2 .contact-icon {
    background: #ffffff;
}  
.contact-item.style-2 { 
    background-color: #E7F2D6;
    padding: 17px 14px 61px;
}
.contact-item.style-2:hover .contact-icon 
 {
    background: #f1f1f1;
} 
.contact-form {
    background-color: #E7F2D6;
}
.contact-item.style-2 .contact-icon i::before {
    background: linear-gradient(135deg, #79bd28, #3b863e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}     
.contact-item.style-2 p { 
    text-align: center;
}


/*footer*/
.tj-footer-section.footer-2 {
   padding-top: 0px;
}
.tj-footer-section {
    padding-top: 0px;
}
        
     
.fill-ratings i {
    background: linear-gradient(135deg, #79bd28, #3b863e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    font-size: 18px;
    margin-right: 2px;
}