/* Section spacing */
.section--pad-s { padding-top: 60px; padding-bottom: 40px; }
.section--pad-m { padding-top: 80px; padding-bottom: 80px; }
.section--pad-l { padding-top: 80px; padding-bottom: 110px; }
.section--pad-xs { padding-top: 40px; padding-bottom: 50px; }
.section--pad-xxs { padding-top: 28px; padding-bottom: 36px; }
.section--pad-xxs.section--no-btm { padding-bottom: 12px; }

/* Background helpers */
.bg--light { background-color: #f7f7f7; }
.bgimg--pattern-1 {
	background-image: url('/assets/front/images/home_lawyer_sectionbg1.jpg');
	background-repeat: repeat-y;
	background-position: center top;
	background-size: auto; /* keep as repeating pattern */
}

.bgimg--pattern-5 {
	background-image: url('/assets/front/images/home_lawyer_sectionbg5.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover; /* make full-width hero-style */
}

/* Typography helpers with logo fonts */
.kicker {
	color: var(--theme-color, #c3985c);
	margin-bottom: 5px;
	font-family: 'Didact Gothic', sans-serif !important;
	letter-spacing: 0.15em !important;
	text-transform: uppercase !important;
}
.h2-tight {
	margin-bottom: 10px;
	font-family: 'Bebas Neue', cursive !important;
	letter-spacing: 0.05em !important;
}

/* Grid improvements (fallback to theme grid) */
.grid { display: grid; gap: 24px; }
.grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 991px) {
  .grid--2, .grid--3 { grid-template-columns: 1fr; }
}

/* Cards (sharp corners) */
.card { border: 1px solid #e5e5e5; padding: 24px; background: #fff; }

/* Lists */
.list--cols { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px 24px; padding-left: 18px; margin: 0; }
@media (max-width: 767px) { .list--cols { grid-template-columns: 1fr; } }

.service-box { text-align: left; }
.service-box .service-icon { height: 64px; margin-bottom: 16px; display:flex; align-items:center; }
.service-box .service-icon img { height: 64px; width: auto; }
.service-box h4 {
	margin: 0 0 8px;
	font-family: 'Bebas Neue', cursive !important;
	letter-spacing: 0.05em !important;
}
.service-box p {
	margin: 0;
	color: #555;
	font-family: 'Didact Gothic', sans-serif !important;
}
@media (max-width: 991px){ .grid--3 { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 640px){ .grid--3 { grid-template-columns: 1fr; } }

.outcome-card { text-align: left; }
.outcome-icon { font-size: 36px; color: #c3985c; margin-bottom: 12px; line-height: 1; }
.outcome-card h4 {
	margin: 0 0 8px;
	font-family: 'Bebas Neue', cursive !important;
	letter-spacing: 0.05em !important;
}
.outcome-card p {
	margin: 0 0 10px;
	color: #555;
	font-family: 'Didact Gothic', sans-serif !important;
}
.outcome-meta { font-size: 13px; color: #888; text-transform: uppercase; letter-spacing: .02em; }

.approach-card h4 {
	display:flex;
	align-items:center;
	gap:10px;
	margin:0 0 8px;
	font-family: 'Bebas Neue', cursive !important;
	letter-spacing: 0.05em !important;
}
.approach-card h4 i { color:#c3985c; font-size:20px; line-height:1; }
.approach-card p {
	margin:0;
	color:#555;
	font-family: 'Didact Gothic', sans-serif !important;
}

/* Dark band variant */
.section--dark { background:#1f1f1f; color:#ddd; }
.section--dark .kicker { color:#c3985c; }
.section--dark h2, .section--dark h4 { color:#fff; }
.section--dark p { color:#cfcfcf; }


/* Invert button on dark */
.button--invert { border-color:#c3985c !important; color:#c3985c !important; background:transparent !important; }
.button--invert:hover { color:#fff !important; background:#c3985c !important; }

/* Approach list: compact icon rows (no cards) */
.approach-list { list-style:none; margin:16px 0 0; padding:0; display:grid; gap:10px; }
.approach-list li { display:flex; align-items:center; gap:10px; }
.approach-list i { color:#c3985c; font-size:18px; line-height:1; }

/* Right visual */
.approach-visual img { max-width: 520px; width:100%; height:auto; }
@media (max-width: 991px) {
	.approach-visual .image_wrapper { text-align:left; }
}

/* BEE section */
.badge { display:inline-block; padding:8px 12px; border:1px solid #e5e5e5; font-weight:700; letter-spacing:.02em; }
.badge--bee { border-color:#c3985c; color:#c3985c; }
.stat-line { margin:18px 0 0; display:flex; gap:14px; align-items:center; justify-content:center; flex-wrap:wrap; }
.stat-line__text { color:#666; }
.bee-list { margin:18px auto 0; padding:0; list-style:none; max-width:900px; display:grid; gap:10px; }
.bee-list li { padding-left:22px; position:relative; }
.bee-list li:before { content:""; position:absolute; left:0; top:.6em; width:10px; height:2px; background:#c3985c; }
@media (max-width: 767px){
	.stat-line { justify-content:flex-start; }
}

/* BEE alt layout */
.bee-intro { border-left: 4px solid #c3985c; padding-left: 16px; }
.chip { display:inline-block; padding:6px 10px; border:1px solid #e5e5e5; font-weight:700; letter-spacing:.02em; }
.chip--bee { border-color:#c3985c; color:#c3985c; }
.bee-checks { list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.bee-checks li { position:relative; padding-left:22px; }
.bee-checks li:before { content:"\2713"; position:absolute; left:0; top:0; color:#c3985c; font-weight:700; }
@media (max-width: 991px){
	.bee-intro { margin-bottom: 20px; }
}

.cta-tight h2 { margin-bottom: 4px; }
.cta-tight p { margin-top: 6px; }
.cta-tight > *:last-child,
.cta-tight p:last-child { margin-bottom: 0; }

.section--parallax { position: relative; overflow: hidden; }
.section--parallax > .mfn-parallax { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; }
.section--pad-xxs.section--no-btm { padding-bottom: 0; }
.section--no-btm .section_wrapper,
.section--no-btm .mcb-wrap-inner,
.section--no-btm .column_attr { margin-bottom: 0; padding-bottom: 0; }

/* Reduce default bottom gap globally (optional) */
.column, .columns { margin-bottom: 24px; }

/* Remove bottom gaps for compact sections like the CTA */
.section--no-btm .column,
.section--no-btm .columns,
.section--no-btm .column_attr { margin-bottom: 0; }

/* Also ensure inner wrappers don’t add spacing */
.section--no-btm .mcb-wrap-inner,
.section--no-btm .section_wrapper { margin-bottom: 0; padding-bottom: 0; }

.bgimg--cta{
	background-image:url('/assets/front/images/home_lawyer_sectionbg3.jpg');
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}

/* White background image */
.section.mcb-section.bgimg--white {
	background-image: url('/assets/front/Images/whitebg.webp') !important;
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-color: transparent !important;
}

/* Dark background image */
.section.mcb-section.bgimg--dark {
	background-image: url('/assets/front/Images/darkbg.png') !important;
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-color: transparent !important;
}

/* CTA custom background image */
.section.mcb-section.bgimg--cta-custom {
	background-image: url('/assets/front/Images/home_lawyer_sectionbg3.jpg') !important;
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-color: transparent !important;
}

/* Footer improvements */
.footer-links { list-style: none; margin: 0; padding: 0; }
.footer-links li { margin-bottom: 8px; }
.footer-links a { color: #888; text-decoration: none; transition: color 0.3s; }
.footer-links a:hover { color: #c3985c; }

.social-links { display: flex; gap: 12px; }
.social-links a { color: #888; font-size: 24px; transition: color 0.3s; }
.social-links a:hover { color: #c3985c; }

.contact-item { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 16px; }
.contact-text { flex: 1; }
.contact-text strong { color: #c3985c; }

.footer-logo img { filter: none; }

/* Team slider */
.team-slider { position: relative; display:flex; align-items:center; gap:12px; }
.team-track { display:flex; flex-wrap: nowrap; gap:16px; overflow:hidden; transform: translateX(0); transition: transform .3s ease; width:100%; }
.team-card { flex: 0 0 320px; border:1px solid #e5e5e5; background:#fff; padding:16px; display:flex; flex-direction:column; }
.team-photo { height: 340px; }
.team-meta { padding-top:12px; }
.team-meta h4 { margin:0 0 4px; }
.team-meta .role { color:#666; font-size:14px; }
.team-nav { background:transparent; border:1px solid #e5e5e5; color:#333; width:36px; height:36px; border-radius:0; cursor:pointer; display:flex; align-items:center; justify-content:center; }
.team-nav:hover { border-color:#c3985c; color:#c3985c; }
@media (max-width: 991px){ .team-card { flex-basis: 280px; } .team-photo { height: 280px; } }
@media (max-width: 640px){ .team-card { flex-basis: 240px; } .team-photo { height: 230px; } }

.team-card:first-child .team-photo { height:280px; }
@media (max-width: 991px){ .team-card:first-child .team-photo { height:240px; } }
@media (max-width: 640px){ .team-card:first-child .team-photo { height:210px; } }

/* Uniform team card sizing */
.team-track { display:flex; flex-wrap: nowrap; gap:16px; overflow:hidden; }
.team-card { flex: 0 0 320px; display:flex; flex-direction:column; border:1px solid #e5e5e5; background:#fff; padding:16px; }
.team-photo{
	width:100%;
	height:340px;
	background-position:center top !important;
	background-size:cover !important;
	background-repeat:no-repeat !important;
}
.team-meta{ min-height:64px; }
@media (max-width: 991px){
	.team-card { flex-basis: 280px; }
	.team-photo { height:280px; }
}
@media (max-width: 640px){
	.team-card { flex-basis: 240px; }
	.team-photo { height:230px; }
}

/* Static team card sizing */
.team-track{display:flex;flex-wrap:nowrap;gap:16px;overflow:hidden}
.team-card{flex:0 0 320px; width:320px; border:1px solid #e5e5e5; background:#fff; padding:16px; display:flex; flex-direction:column}
.team-photo{width:288px; height:360px; background:#e9e9e9 center top/cover no-repeat; margin:0 auto}
.team-meta{min-height:64px}

/* Tablet */
@media (max-width:991px){
  .team-card{flex-basis:280px;width:280px}
  .team-photo{width:248px;height:300px}
}

/* Mobile */
@media (max-width:640px){
  .team-card{flex-basis:240px;width:240px}
  .team-photo{width:208px;height:260px}
}