/**
 * Khanon ke darmiyan ek hi taal — na zyada khali, na chipke hue.
 *
 * Desktop par har khane ke upar-neeche 72px thi aur darmiyan 32px aur: yani do khanon ki likhai ke
 * beech 176px khali. Itni jagah par page bhara hua nahi lagta, bikhra hua lagta hai — aankh ko agla
 * khana dhoondna parta hai. Phone par yeh 70px thi, jo theek hai.
 *
 * Yahan teen naap tay kiye gaye hain — bara screen 56px, darmiyana 44px, phone 32px — aur yehi naap
 * har khane par lagta hai, is liye poori site ka taal ek rehta hai. Taal ka ek hona hi "professional"
 * ka asal matlab hai: aankh ko andaza ho jata hai ke agli cheez kahan milegi.
 *
 * Saath me un bache hue neeche ke margin ko sifar kiya gaya hai jo khane ke aakhir me laga reh jata
 * tha aur har jagah alag alag farq bana raha tha (kahin 32px, kahin 14px, kahin 147px).
 */

/* Yahan class jaan bujh kar baar baar likhi gayi hai.
 *
 * Content wali CSS me yeh naap `body .yb-sec.yb-sec.yb-sec.yb-sec.yb-sec` se aata hai — class paanch
 * dafa. Aisa selector har aam rule ko hara deta hai, is liye saada `.yb .yb-sec` likhne se kuch nahi
 * badla tha (likha 56px hota tha, chalta 72px). Barabar ka vazan dene ke liye yahan bhi wohi tareeqa
 * hai, ek class zyada ke saath — taki faisla is file ka ho, waqt ka nahi. */
body.yb .yb-sec.yb-sec.yb-sec.yb-sec.yb-sec {
	padding-block: 56px;
}

/* Hero ka apna naap rehne dein — woh sab se upar hai aur uska rishta header se hai. */
body.yb .yb-sec--hero2.yb-sec--hero2.yb-sec--hero2 {
	padding-block: 0 56px;
}

/* Khane ke aakhir me laga hua margin do khanon ke beech ka farq barha deta hai. */
#wpb-content-root > .vc_row > .wpb_column > .vc_column-inner > .wpb_wrapper > *:last-child,
.yb-sec .yb-wrap > *:last-child {
	margin-bottom: 0;
}

/* Khali block — na likhai na tasveer — jagah na le. */
#wpb-content-root > .vc_row:not(:has(img, picture, video, iframe)):not(:has(.yb-sec)) .wpb_text_column:empty,
#wpb-content-root > .vc_row .wpb_wrapper > .wpb_text_column:empty {
	display: none;
}

@media (max-width: 1024px) {

	body.yb .yb-sec.yb-sec.yb-sec.yb-sec.yb-sec {
		padding-block: 44px;
	}

	body.yb .yb-sec--hero2.yb-sec--hero2.yb-sec--hero2 {
		padding-block: 0 44px;
	}
}

@media (max-width: 767px) {

	body.yb .yb-sec.yb-sec.yb-sec.yb-sec.yb-sec {
		padding-block: 32px;
	}

	body.yb .yb-sec--hero2.yb-sec--hero2.yb-sec--hero2 {
		padding-block: 0 32px;
	}
}

/* Mori hui lambi likhai — khulne wala hissa. */
.yb-longtext {
	margin-top: 8px;
}

.yb-longtext__more {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	cursor: pointer;
	font-size: 14px;
	letter-spacing: .04em;
	text-transform: uppercase;
	text-decoration: underline;
	text-underline-offset: 4px;
	list-style: none;
}

.yb-longtext__more::-webkit-details-marker {
	display: none;
}

.yb-longtext[open] .yb-longtext__more {
	margin-bottom: 8px;
}
