/* Fix: the hero markup uses class "pbmit-slider-title1" (note the "1"),
   which doesn't match any theme rule (theme only styles
   ".pbmit-slider-title") and also doesn't match this old override below
   it. It was silently falling back to the generic un-responsive h2 default
   (48px, no breakpoints), causing overflow on small screens. The theme's
   own .pbmit-slider-title responsive scale (up to 170px) is tuned for a
   short one-line headline, not our full sentence, so we give the actual
   class in use its own sensible, responsive sizing instead. The content
   wrapper's width:max-content (theme default) also forced the heading and
   subtext to lay out unwrapped at their natural width, pushing them past
   the viewport edge on mobile; overriding it to 100% lets them wrap normally. */
.pbmit-slider-one .pbmit-slider-content {
	width: 100%;
	max-width: 100%;
}
.pbmit-slider-title1 {
	font-size: 56px;
	line-height: 1.15;
	font-weight: 700;
	color: var(--pbmit-white-color);
}
@media (max-width: 991px) {
	.pbmit-slider-title1 {
		font-size: 42px;
		line-height: 1.2;
	}
}
@media (max-width: 575px) {
	.pbmit-slider-title1 {
		font-size: 30px;
		line-height: 1.25;
	}
}

/* Fix: "Why Organizations Choose Takashi USA" section — the KPI row
   (.takashi-kpi-row) is a flex row with 4 fixed-content boxes and no wrap,
   sized to fit only in the wide desktop column. Its Bootstrap column
   (col-md-6) and the checklist's column (offset-md-2 col-md-4) sit side by
   side starting at the md breakpoint (768px), but at that width the KPI
   row's unwrapped content is wider than its column and spills out,
   overlapping the checklist next to it. Stacking both columns to full
   width below the lg breakpoint, and letting the KPI boxes wrap 2-up,
   gives both enough room. */
@media (max-width: 991px) {
	.why-choose-us-section-one .row > .col-md-6,
	.why-choose-us-section-one .row > .offset-md-2.col-md-4 {
		flex: 0 0 100%;
		max-width: 100%;
		margin-left: 0;
	}
	.why-choose-us-section-one .chart-box {
		height: auto;
		margin-right: 0;
		margin-bottom: 30px;
	}
	.takashi-kpi-row {
		flex-wrap: wrap;
		row-gap: 24px;
	}
	.kpi-box {
		flex: 0 0 calc(50% - 15px);
	}
}

/* Fix: prevent the sticky-header's cloned mobile nav panel from rendering
   broken (it inherits a transform + backdrop-filter containing block from
   .pbmit-sticky-header, which collapses position:fixed children to header
   height). The clone's hamburger just re-triggers the primary #menu-toggle,
   so hiding its duplicate panel is safe and non-functional loss. */
.pbmit-sticky-header .pbmit-mobile-menu-bg,
.pbmit-sticky-header .pbmit-menu-wrap {
	display: none !important;
}


.pbmit-service-style-1 .pbmit-service-title, .pbmit-service-style-1 .pbmit-service-title a {
	overflow: unset;
	width: auto;
}