.service-item.style-4:hover {
    background-color: #0061a2 !important;
}

.service-item .service-icon {
    font-size: 70px;
    width: 80px;
    height: 80px;
    background: #fff;
    border-radius: 50%;
    border: 1px solid rgb(30 103 185);

}
.service-item .service-icon22 {
    font-size: 70px;
    width: 80px;
    height: 80px;
    background: #fff;
    border-radius: 50%;
    border: 0px solid rgb(30 103 185);

}
.h10-service-wrapper .service-item.style-4:hover .service-icon22 {
    background: #0061a2 !important;
    backdrop-filter: blur(15px);
}
.service-item .title a:hover {
    color: #fff !important;
}
.h10-service-wrapper .service-item.style-5:hover .service-icon22 {
    background: #0f6aa7 !important;
    backdrop-filter: blur(15px);
}
.services-item.styless {
    background-color: #0aa081 !important;
     }

.text-btn .btn-icon {
      
    background-color: #0061a2 !important;
     
}

.service-item.style-4:hover .text-btn .btn-icon {
    background-color: #ffffff !important;
}
.service-item.style-4:hover .tji-arrow-right-long {
    color: #0061a2 !important;
}

.service-item.style-4 {
    
    display: grid; 
    height: 100%;

}
.team-details__img {
    background-color: #ecf0f0 !important;
    border-radius: 12px;
    overflow: hidden;
}

.customers-number {
    color: var(--tj-color-theme-dark);
    font-size: 58px;
    line-height: 0.8;
    letter-spacing: -1.2px;
    font-family: var(--tj-ff-heading);
    font-weight: var(--tj-fw-sbold);
    padding: 10px 0 13px 0 !important;
}
.limit-lines {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* Number of lines to show */
  overflow: hidden;
  /* Optional: adds ellipsis automatically */
  text-overflow: ellipsis; 
}


/* Make swiper wrapper flex */
.swiper-wrapper {
    align-items: stretch;
}

/* Make each slide take full height */
.swiper-slide {
    height: auto !important;
    display: flex;
}

/* Make testimonial card fill slide */
.testimonial-item {
    display: flex;
    flex-direction: column;
    height: 100%;
}

 .service-item:hover .img-service-home {
    filter: brightness(10) ;
    transition: all 0.3s ease;
}
 
    .mega-menu-service-single:hover .choose-imgs {
    filter: brightness(0) invert(1);
}
.tji-excellence:before { 
    color: #fff !important;
}

.service-item.style-4 .title1 {
    max-width: 300px !important;
}
.h10-service-wrapper .service-item.style-4:hover .desc1 {
    color: #ffffff !important;
}

.h10-service-wrapper .service-item.style-4 .service-icon10 {
    width: 70px;
    height: 70px;
    margin-bottom: 54px;
}

.service-item.style-5 .desc10 {
    color: #fff !important;
}
/* .service-item.style-5 .services-contents10 {
    max-width: 590px !important;
} */
.tj-choose-sections {
    overflow: hidden;
    border-radius: 12px !important;
}
 .tj-primary-btn .btn-icon02 i {
  color: var(--tj-color-common-white);
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(0) !important;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.mainmenu ul > li.current-menu-ancestor > a, .mainmenu ul > li.current-menu-item > a, .mainmenu ul > li:hover > a
Specificity: (0,2,3)
 {
    color: var(--tj-color-theme-primary);
}

/* =================================================
   FORCE TABLET / MOBILE NAV FOR 991px – 1100px
   (Same behavior as < 991px)
================================================= */
 
 /* =================================================
   FORCE TABLET / MOBILE NAV FOR 991px – 1100px
   (Same behavior as < 991px)
================================================= */
@media only screen and (min-width: 991px) and (max-width: 1100px) {

    /* =========================
       HEADER WIDTH & POSITION
    ========================== */
    .header-area {
        width: calc(100% - 24px);
        inset-inline-start: 12px;
    }

    .header-area.header-absolute {
        top: 20px;
    }

    .header-area.sticky {
        /* width: 100%; */
        inset-inline-start: 0;
    }

    /* =========================
       HEADER WRAPPER (MATCH <991)
    ========================== */
    .header-area .header-wrapper {
        padding: 16px 0 !important;
        flex-wrap: wrap;
    }

    /* =========================
       HIDE DESKTOP NAV
    ========================== */
    .header-area .menu-area {
        display: none !important;
    }

    .header-area .header-right-item {
        display: none !important;
    }

    /* =========================
       SHOW MOBILE / TABLET MENU
    ========================== */
    .header-area .mobile_menu_bar {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
    }

    /* =========================
       HEADER TOP (MATCH <991)
    ========================== */
    .header-top {
        padding: 0px;
        margin-bottom: 15px;
    }

    .header-top-content {
        justify-content: center;
    }

    .header-top-content .topbar-text {
        font-size: 15px;
        padding: 10px 0;
        width: 100%;
        justify-content: center;
    }

    .header-top-content .header-info .info-item:last-child {
        display: none;
    }

    /* =========================
       HEADER BOTTOM
    ========================== */
    .header-bottom {
        border-bottom: 1px dashed #c9d1d1;
    }
}