body,
.mobile_service {
  background-color: #07000c;
  margin-bottom: 30px;
}

.mobile_service:last-child {
  margin-bottom: 0;
}

.mobile_service .service-title,
.mobile_service p {
  color: #ffffff !important;
}

.mobile_service .service-icon img,
.mobile_service .service-icon svg {
  filter: brightness(0) invert(1) !important;
  opacity: 1 !important;
}

.tj-maquee-section.maquee-style-bottom-8::after {
  background: #f4c581 !important;
}

.marq_bt_margin {
  margin-bottom: -24px;
  position: relative;
  z-index: 5;
}

.team_member_img {
  aspect-ratio: 1/1;
}

.tj-project-9-prev::before,
.tj-project-9-next::before,
.tj-service-7-icon span,
.tj-maquee-section.style-9 .marquee-item::before {
  background: linear-gradient(90deg, #ed761a 0%, #723200 100%);
}

.tj-maquee-section.style-9::before,
.tj-maquee-section.style-9::after {
  background: linear-gradient(90deg, #0d0d0d 0%, rgba(22, 9, 31, 0) 100%);
}

.tj-resume-6-marquee-title {
  background: linear-gradient(107deg, #ed751a38 0%, rgba(255, 255, 255, 0.1) 100%);
  background-clip: text;
  align-items: center;
  gap: 100px;
}

html,
body,
.site-content {
  overflow: unset;
  /* user-select: none; */
}

/* ::selection {
  background-color: var(--tj-scrollbar-primary);
  color: white;
} */

.popup_overlay {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #00000084;
  z-index: 100;
}

.hero-section:before,
.tj-blog-7-area::before,
.tj-footer-area.footer-5::before,
.tj-about-section.style-6::before {
  background: linear-gradient(260deg, #95735a 0%, rgba(115, 67, 210, 0) 100%);
}

.tj-testimonial-section.style-6::before {
  background: linear-gradient(190deg, #95735a 0%, rgba(115, 67, 210, 0) 100%);
}

.tj-testimonial-9-wrapper {
  background: var(--tj-black-2);
  padding: 22px;
}

.modal-content {
  padding: 20px !important;
  background-color: #fff !important;
}

#service-wrapper.popup_content_area .deftform,
#service-wrapper.popup_content_area .deftform iframe {
  height: 100% !important;
}

.tj-header-area.header-6 .header_6_wrap,
.tj-header-area.header-6-sticky .sticky_header_6_wrap {
  padding: 20px 50px;
}

.testimonial-section.style-4,
.tj-counter-7-area,
.policy_section,
.tj-posts__area,
.founder_section,
.tj-service-5-area,
.tj-project-9-area,
.hero-section#intro,
.faq-section,
.tj-blog-7-area,
.tj-service-7-area,
.tj-about-section.style-6,
.tj-testimonial-section.style-6,
.tj-testimonial-9-area,
.tj-about-section.style-8,
.tj-footer-area.footer-5,
.tj-services-section.style-10 {
  padding: 100px 0;
}

.fa-chevron-down {
  font-size: 11px;
}

.transition_05s {
  transition: all 0.5s linear;
}

.has-dropdown a svg {
  transition: all 0.5s linear;
}

.has-dropdown a:hover svg {
  rotate: 180deg;
}

.has-dropdown a svg {
  fill: #ffffff80;
}

.tj-maquee-section .tj-hero-9-bottom-paragraaph,
.tj-header-area .mobile-menu ul li a:not(.mean-expand) {
  font-size: 18px;
}

.tj-header-area .mobile-menu ul li>.sub-menu>li>a:not(.mean-expand) {
  font-size: unset;
}

.tj-service-7-title {
  display: inline-block;
  margin-bottom: 20px;
}

.policy_section .policy_wrap a:hover,
.tj-service-7-title:hover,
.about-right-content-6 .about-feature-item-6 h5:hover {
  color: var(--tj-theme-primary);
}

.tj-service-7-wrapper {
  margin-bottom: 0;
  height: 100%;
}

.tj-project-9-thumb img {
  mix-blend-mode: unset;
  aspect-ratio: 4/3;
  object-fit: cover;
}

.about-feature-item-6 .desc {
  max-width: unset;
}

.limited-content {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.deftform iframe,
.expanded-content {
  display: block;
}

.header_bg_color {
  background-color: var(--tj-black-2) !important;
}

.tj-header-area.header-6 {
  transition: 0.8s;
}

.mobile-menu .mean-bar .mean-nav a {
  font-weight: 400;
}

.mobile-menu .mean-bar .mean-nav a:hover {
  color: #170d15;
  font-weight: bold;
}

.mobile_service {
  border-radius: 15px;
}

.tj-counter-7-area::before,
.faq-section::before,
.tj-service-7-area::before,
.tj-service-5-area::before,
.tj-services-section::before,
.tj-services-section::after,
.founder_box::after {
  content: "";
  position: absolute;
  top: 100px;
  right: 15px;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  background: linear-gradient(190deg, var(--tj-theme-primary) 0%, rgba(115, 67, 210, 0) 100%);
  -webkit-filter: blur(150px);
  filter: blur(150px);
  opacity: 0.3;
  z-index: -1;
}

.founder_box::after {
  top: unset;
  right: 0;
  bottom: -150px;
}

.tj-counter-7-area::before {
  top: -100px;
  left: -100px;
  right: unset;
  display: none;
}

.faq-section::before,
.tj-service-5-area::before,
.tj-services-section::before {
  right: unset;
  top: unset;
  left: 100px;
  bottom: 20px;
}

.tj-service-7-area::before {
  top: 58%;
  right: 50px;
}

.testimonial-slider-6 .testimonial-item .quote-toggle-btn {
  border: none;
  background: transparent;
  color: white;
  position: relative;
}

.testimonial-slider-6 .testimonial-item .quote-toggle-btn::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  border-radius: 4px;
  background: linear-gradient(260deg,
      var(--tj-theme-secondary) 0%,
      var(--tj-theme-primary) 100%);
  bottom: -2px;
  left: 0px;
  -webkit-transform-origin: right;
  -ms-transform-origin: right;
  transform-origin: right;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.testimonial-slider-6 .testimonial-item .quote-toggle-btn:hover::before {
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}

.testimonial-slider-6 .testimonial-item .feature-content .name,
.testimonial-slider-6 .testimonial-item .feature-content .designation {
  text-wrap: nowrap;
}

.tj-testimonial-9-active::before {
  top: -2px;
  height: 200px;
}

.tj-testimonial-9-active::after {
  bottom: -2px;
  height: 200px;
}

.tj-testimonial-9-area .desc {
  color: #f29d5b;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 0;
}

.team_swiper .swiper-slide img,
.tj-testimonial-9-active .swiper-slide img {
  filter: grayscale(100%);
  transition: all 0.5s linear;
}

.team_swiper .swiper-slide-active img,
.tj-testimonial-9-active .swiper-slide-active img {
  filter: grayscale(0%);
  transition: all 0.5s linear;
}

.tj-service-7-icon span {
  font-size: 24px;
}

.blog_share_link svg {
  fill: #22272c;
}

.has-dropdown a:hover svg,
.blog_share_link:hover svg {
  fill: #fff;
}

/* Ensure active menu link shows white in both normal and sticky headers */
.tj-header-area .header-menu a.active {
  color: #ffffff !important;
}

.tj-testimonial-section.style-6::after {
  background: linear-gradient(0deg, var(--tj-theme-primary) 0%, rgba(115, 67, 210, 0) 100%);
  top: unset;
  bottom: -40%;
  left: unset;
  right: -18%;
}

.founder_name {
  display: block;
  font-size: 24px;
  color: #f29d5b;
  font-weight: 600;
}

.founder_designation {
  color: var(--tj-grey-2);
  font-weight: 600;
}

.tj-footer-area.style-3 .header-media {
  margin-bottom: 30px;
}

.tj-footer-area.style-3 .policy_text a {
  text-decoration: none;
  color: var(--tj-grey-5);
}

.tj-footer-area.style-3 .policy_text a:hover {
  color: var(--tj-white);
}

.footer-content-area {
  padding: 60px 15px;
  justify-content: space-evenly;
}

.text-section,
.faq-section {
  background-color: var(--tj-theme-accent-1);
}

.footer-content-area {
  gap: 35px 10px;
}

.active_blog,
.footer-widget.footer_socials_media .socials-links ul li a span::after {
  background: linear-gradient(-90deg, var(--tj-theme-secondary) 0%, var(--tj-theme-primary) 100%) !important;
}

.team_swiper::after {
  content: "";
  position: absolute;
  width: 132px;
  height: 100%;
  top: 0;
  right: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(var(--tj-theme-accent-2)), to(rgba(21, 9, 29, 0)));
  background: linear-gradient(to left, var(--tj-theme-accent-2) 0%, rgba(21, 9, 29, 0) 100%);
  z-index: 2;
}

.policy_section .policy_wrap a {
  color: #ddd;
  transition: 0.5s;
}

.tj-counter-7-wrapper {
  background: linear-gradient(180deg, rgb(232 115 26 / 82%) 0%, transparent 100%);
}

/* .tj-project-7-thumb.tj-project-9-thumb {
  height: 80%;
} */

.marquee-logo img {
  margin: auto !important;
  filter: brightness(0) invert(1);
  padding: 5px;
}

.marquee-box {
  gap: 80px;
}

.tj-project-9-active,
.why_us_mobile .services_card,
.team_swiper_mobile .team_swiper,
.blog_swiper_mob {
  padding-bottom: 70px;
}

.testimonialPagination,
.markets-pagination {
  padding-top: 40px;
  text-align: center;
}

.tj-project-9-active .swiper-wrapper {
  transition-timing-function: linear;
}

/* ---------------------- Responsive CSS ---------------------- */
@media screen and (max-width: 1199px) {

  .tj-header-area.header-6 .header_6_wrap,
  .tj-header-area.header-6-sticky .sticky_header_6_wrap {
    padding: 20px 0;
  }

  .portfolio-box .portfolio-sizer,
  .portfolio-box .portfolio-item {
    width: calc(50% - 24px);
  }

  .tj-blog-7-content {
    padding: 15px 0;
  }

  .section-header.style-5,
  .tj-testimonial-9-area .section-header p {
    max-width: unset;
  }

  .tj-testimonial-9-section.position-sticky {
    height: 100%;
  }

  .hero-content-box .lead {
    max-width: 550px;
  }
}

@media screen and (max-width: 991px) {

  .testimonial-section.style-4,
  .tj-counter-7-area,
  .policy_section,
  .tj-posts__area,
  .founder_section,
  .tj-service-5-area,
  .tj-project-9-area,
  .hero-section#intro,
  .faq-section,
  .tj-blog-7-area,
  .tj-service-7-area,
  .tj-about-section.style-6,
  .tj-testimonial-section.style-6,
  .tj-testimonial-9-area,
  .tj-about-section.style-8,
  .tj-footer-area.footer-5,
  .tj-services-section.style-10 {
    padding: 60px 0;
  }

  #service-wrapper.popup_content_area {
    height: 640px;
  }

  .sub-menu {
    height: 0;
  }

  .tj-testimonial-9-active::before {
    top: -4px;
  }

  .hero-wrrapper .hero-image-box,
  .tj-testimonial-section.style-6 .section-header .sec-text,
  .hero-content-box.style-10 .desc,
  .tj-service-5-accordion-list-content,
  .tj-testimonial-9-area .section-header p {
    max-width: unset;
  }

  .tj-service-5-accordion-list-item,
  .service-item.style-10,
  .tj-testimonial-9-section.position-sticky .sec-text p {
    margin-bottom: 0;
  }

  .hero-image-box {
    margin: 30px 0;
  }

  .mobile_service {
    position: sticky;
    z-index: 9;
    padding-bottom: 30px;
  }

  .tj-hero-9-bottom {
    margin-bottom: 30px;
  }

  .services-widget .service-item.current {
    background: linear-gradient(260deg,
        var(--tj-theme-secondary) 0%,
        var(--tj-theme-primary) 100%);
  }

  .about-6-images .about-shapes {
    right: -30px;
    max-width: 60px;
  }

  .about-6-images .about-shapes svg {
    width: 60px;
    height: 80px;
  }

  .tj-service-5-accordion-list-image {
    width: 100%;
  }

  .tj-service-5-accordion-list-content {
    margin-left: unset;
    margin-top: 30px;
  }

  /* .tj-project-9-pagination,
  .tj-testimonial-section.style-6 .testimonial-pagination {
    margin-top: 35px;
  } */

  .tj-post .tj-post__content {
    padding: 30px 15px;
  }

  .policy_section p {
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {
  .hero-wrrapper .hero-image-box img {
    max-width: 100%;
    border-radius: 15px;
  }

  .portfolio-box .portfolio-sizer,
  .portfolio-box .portfolio-item {
    width: 100%;
  }

  .why_us_mobile .swiper-slide {
    height: auto !important;
  }

  .why_us_mobile .swiper-slide .tj-service-7-wrapper {
    border: 1px solid var(--tj-theme-primary);
  }

  .tj-service-7-wrapper::after,
  .tj-service-7-wrapper::before {
    content: unset;
  }

  .portfolio-box .portfolio-item {
    margin-bottom: 5%;
  }

  .marquee-box {
    gap: 40px;
  }

  .tj-resume-6-marquee-title {
    gap: 60px;
  }

  /* .services_card,
  .blog_swiper_mob {
    padding-bottom: 50px;
  }

  .team_swiper {
    padding-bottom: 60px;
  } */
}

@media screen and (max-width: 575px) {
  .hero-section.style-10 {
    padding: 120px 0;
  }

  .tj-btn-primary {
    padding: 14px 16px;
  }

  .tj-service-5-accordion-list-title::before {
    font-size: 20px;
  }

  .tj-service-5-accordion-list li {
    padding: 20px 18px;
  }

  .tj-service-7-icon span,
  .tj-service-7-title {
    font-size: 22px;
  }

  .tj-hero-9-bottom,
  .tj-service-7-icon {
    margin-bottom: 30px;
  }

  .tj-service-5-accordion-list li {
    margin-bottom: 20px;
  }

  .founder_name,
  .testimonial-item.style-6 .testimonial-feature-item .feature-content .name {
    font-size: 18px;
  }

  .founder_designation,
  .testimonial-slider-6 .testimonial-item .feature-content .designation {
    font-size: 14px;
  }

  .tj-header-area .mobile-menu ul li a:not(.mean-expand),
  .hero-content-box .lead {
    font-size: 16px;
  }

  .tj-header-area .mobile-menu ul li a:not(.mean-expand) {
    padding: 12px 0;
  }

  .tj-service-7-icon span,
  .service-item.style-10 .service-arrow {
    height: 55px;
    width: 55px;
  }

  .service-10-images,
  .tj-project-9-pagination {
    margin-top: 35px;
  }

  .tj-project-7-item-inner {
    border-radius: 15px;
  }

  .faq-section::before,
  .tj-service-7-area::before,
  .tj-service-5-area::before,
  .tj-services-section::before,
  .tj-services-section::after,
  .founder_box::after {
    top: 50px;
    width: 280px;
    height: 280px;
  }

  .faq-section::before,
  .tj-service-5-area::before,
  .tj-services-section::before {
    left: 0;
  }

  .tj-project-9-prev,
  .tj-project-9-next {
    position: absolute;
    top: 40%;
    z-index: 50;
    height: 44px;
    width: 44px;
    left: 28px;
    border: none;
    background: linear-gradient(90deg, #ed761a 0%, #723200 100%);
  }

  .tj-project-9-next {
    left: unset;
    right: 28px;
  }

  .services-widget .service-item,
  .tj-service-7-wrapper,
  .tj-project-9-area .tj-project-7-item-inner,
  .tj-testimonial-9-wrapper {
    padding: 15px;
  }

  .team_swiper::after {
    content: unset;
  }

  .footer-content-area {
    gap: 25px 10px;
  }

  .tj-post .tj-post__content {
    padding: 30px 15px 15px;
  }

  .tj-counter-7-wrapper {
    padding: 30px;
  }
}

/* Mobile Menu Bar Visibility Control */
.menu-bar {
  display: none !important;
}

@media screen and (max-width: 991px) {
  .menu-bar {
    display: block !important;
  }

  .header-menu {
    display: none !important;
  }
}

@media screen and (min-width: 992px) {
  .menu-bar {
    display: none !important;
  }

  .mobile-menu {
    display: none !important;
  }

  .header-menu {
    display: block !important;
  }
}

@media screen and (min-width: 576px) {
  .mobile_btn {
    display: none;
  }
}

@media screen and (max-width: 470px) {
  .preloader .preloader-heading .load-text {
    font-size: 18px;
    letter-spacing: 12px;
  }
}

/* Fix Innovation Story Image Zoom and Crop */
.tj-project-9-thumb {
  overflow: hidden;
}

.tj-project-9-thumb img {
  transform: none !important;
  transition: none !important;
  object-fit: contain !important;
  width: 100% !important;
  height: auto !important;
}

.tj-project-9-thumb:hover img {
  transform: none !important;
}

.hero-section.style-10 {
  padding: 100px 0;
}

.service-10-images::before,
.service-10-images::after {
  content: unset;
}

.text-section .section-header .section-title {
  font-size: 35px;
}

.tj-service-5-accordion-list-content {
  margin-top: 15px;
}

.tj-counter-7-area::before {
  display: block;
}

.funfact-item .number {
  font-size: 20px;
}

.hero-wrrapper,
.tj-counter-7-wrapper {
  padding: 20px 15px;
}

.tj-counter-5-paragraph {
  font-size: 14px;
}

.tj-project-7-content {
  justify-content: center;
}

.tj-project-9-prev,
.tj-project-9-next {
  top: 42%;
  height: 38px;
  width: 38px;
}

/* .tj-testimonial-section.style-6 .testimonial-pagination,
  .blog_swiper_mob .blog_pagination,
  .why_us_mobile .why_us_pagination,
  .tj-project-9-pagination {
    margin-top: 20px; 
  } */

.footer-content-area {
  justify-content: space-around;
}

.footer_socials_media {
  width: 100%;
}

.footer_socials_media .footer-title,
.footer-widget.footer_socials_media .socials-links ul li a span {
  display: none;
}

.footer-widget.footer_socials_media .socials-links ul li {
  margin-bottom: 0;
}

.footer_socials_media .socials-links ul {
  display: flex;
  justify-content: center;
  column-gap: 10px;
}
}