:root {
	--primary-color: #1b5b69;
	--secondary-color: #5ce5ce;
}
@import url('https://fonts.googleapis.com/css2?family=Playfair:wght@400;500;600;700&display=swap');

#tno_short-intro,
.tno_short-intro-text {
	font-family: 'Playfair display', serif;
	margin-bottom: 1.2rem !important;
	font-size: 1.8rem;
	color: #333;
	letter-spacing: -0.05px;
	line-height: 1.4;
	font-weight: 600;
}

/* =============================== */
/* 🎖 Scoped Styling for Awards, Education, and Tags */
/* =============================== */

.wone-neutral-profile .profile-section .awards-text, 
.wone-neutral-profile .profile-section .education-text {
	font-size: 16px !important;
	line-height: 1.6 !important;
	color: #302b2b !important;
}

.wone-neutral-profile .profile-section .awards-text p,
.wone-neutral-profile .profile-section .education-text p {
	margin-bottom: 10px !important;
}

.wone-neutral-profile .profile-section .awards-text strong,
.wone-neutral-profile .profile-section .education-text strong {
	color: var(--primary-color) !important;
}

.wone-neutral-profile .profile-section .accordion-content p::before {
	display: none !important;
}

/* Style individual tags dynamically separated by , or & */
.wone-neutral-profile .profile-section .accordion-content p {
	letter-spacing: 0;
	font-weight: 300;
	font-size: 18px !important;
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 10px !important;
}

.wone-neutral-profile .profile-section .accordion-content p span.tag-item {
	background: var(--primary-color) !important;
	color: #fff !important;
	padding: 8px 14px !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	border: none !important;
	text-transform: capitalize !important;
	display: inline-block !important;
	text-decoration: none !important;
	box-shadow: none !important;
	cursor: pointer !important;
	border-radius: 0 !important;
	transition: background 0.3s ease-in-out !important;
}

.wone-neutral-profile .profile-section .accordion-content p span.tag-item:hover {
	background: var(--secondary-color) !important;
	color: #fff !important;
}

/* ==================================== */
/* ✅ Profile Page CSS — Final Responsive Version */
/* ==================================== */

/* ===== HERO SECTION ===== */
.profile-hero {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	background: var(--primary-color);
	color: #fff;
	flex-wrap: wrap;
	box-shadow: none !important;
	border-radius: 0 !important;
}
.ficm-container-bottom {
	display: flex;          
	height: 500px; 
	align-items: flex-end;
}

/* ===== LEFT IMAGE ===== */
.profile-hero-left {
	width: 60%;
	max-width: 100%;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	overflow: hidden;
	border-radius: 0 !important;
}

.profile-avatar {
	width: 100%;
	height: 700px !important;
	object-fit: cover;
	object-position: center;
	border-radius: 0 !important;
}

/* ===== RIGHT SIDE (TEXT / INFO) ===== */
.profile-hero-right {
	padding-bottom: 5%;
	width: 40%;
	max-width: 100%;
	flex-direction: column;
	justify-content: flex-start;
	padding-left: 5%;
	padding-right: 2%;
}

/* ===== HEADER TEXT ===== */
.profile-header-row {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
}

.profile-header-left h2 {
	padding-bottom: 10%;
	font-size: 2vw!important;
	font-weight: 700!important;
	color: #fff;
	letter-spacing: -1px;
	line-height: 1.2;
}

.profile-header-left .profile-title {
	font-size: 1.4rem!important;
	font-weight: 500!important;
	color: #dff9f5!important;
	margin-top: 5px;
}

/* ===== ACTION BUTTONS ===== */
.profile-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
	padding-top: 30px;
}

.profile-actions button {
	border-radius: 0 !important;
	background: var(--secondary-color)!important;
	border: none;
	color: var(--primary-color)!important;
	cursor: pointer;
	transition: all 0.3s ease;
	padding: 7px 11px;
}

.profile-actions button:hover {
	background: #fff !important;
	color: var(--primary-color);
}

.profile-actions i {
	font-size: 1rem!important;
}

/* ===== SOCIAL LINKS ===== */
.social-links-inline {
	display: flex;
	gap: 10px;
	align-items: center;
}

.social-links-inline .social-link {
	border-radius: 0 !important;
	background: var(--secondary-color);
	color: var(--primary-color);
	padding: 13px 10px;
	width: 38px;
	height: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px!important;
	transition: all 0.3s ease;
}

.social-links-inline .social-link:hover {
	background: #fff;
	color: var(--primary-color)!important;
}

/* ===== CONTACT DETAILS ===== */
.profile-section-box {
	padding: 10px 5px;
}

.profile-section-box h3 {
	font-size: 1.3rem!important;
	color: #fff!important;
	font-weight: 600!important;
	margin-bottom: 15px;
}

.contact-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.contact-list li {
	border-bottom: 1px solid rgb(222 214 214 / 20%);
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	font-size: 1rem!important;
	font-weight: 400!important;
	color: #fff;
	padding-bottom: 6px;
}

.contact-list i {
	margin-right: 10px;
	color: #fff;
	font-size: 1.1rem!important;
}

.contact-list a {
	color: #fff;
	text-decoration: none;
	transition: color 0.3s;
}

.contact-list a:hover {
	color: var(--secondary-color)!important;
}

/* ===== DETAILS SECTION ===== */
.profile-details {
	/* padding-bottom: 12%; */
	padding-right: 15%;
	padding-left: 15%;
	background: #fff;
	border-radius: 0 !important;
}
.profile-columns {
    padding-top: 3%;
    border-top: 1px solid #dddddd;
    display: grid;
    grid-template-columns: 57% 35%;
    gap: 8%;
    margin: 0;
    align-items: start;
}

/* ===== SECTIONS ===== */
.profile-section {
	margin-bottom: 1.8rem;
}

.profile-section h3 {
	border-bottom: 1px solid #eee;
	padding: 5px 0px;
	font-size: 28px !important;
	font-weight: 300 !important;
	color: var(--primary-color) !important;
	font-family: 'Roboto', sans-serif;
	cursor: pointer;
	transition: all 0.3s ease;
}

.profile-section h3 i {
	font-size: 22px !important;
	font-weight: 600!important;
	padding-right: 10px !important;
}

.profile-section h3:hover,
.profile-section h3 i:hover {
	color: var(--secondary-color)!important;
}

/* ===== ICONS ===== */
.right-icon {
	float: right;
	font-size: 2rem!important;
	color: var(--primary-color)!important;
}
.right-icon:hover {
	color: var(--secondary-color);
}

/* ===== ACCORDION ===== */
.accordion-content {
	display: none;
	padding-top: 10px;
	padding-bottom: 20px;
}
.profile-section.open .accordion-content { display: block; }

/* ===== BIO TEXT ===== */
.bio-text {
	font-family: "Roboto", sans-serif;
	font-size: 1.1rem!important;
	line-height: 1.6!important;
	color: #818181!important;
	background: #fff!important;
	letter-spacing: normal!important;
	margin-bottom: 20px;
}
.bio-text p {
	margin-bottom: 1.2rem !important;
	font-size: 1.05rem!important;
	color: #333;
}

/* ===== BIO HEADINGS ===== */
.bio-text {
	font-family: "Roboto", sans-serif;
	font-size: 1.05rem!important;
	line-height: 1.6!important;
	color: #444!important;
}
.bio-text p,
.bio-text ul,
.bio-text ol,
.bio-text div { margin-bottom: 1.2rem!important; }
.bio-text ul { padding-left: 20px!important; list-style: disc; }
.bio-text li { margin-bottom: 0.4rem!important; }

/* Accordion headings */
.bio-text h1, .bio-text h2, .bio-text h3, .bio-text h4, .bio-text h5, .bio-text h6 {
    border-bottom: 1px solid #eee;
    border-left: 2px solid #dddddd;
    letter-spacing: normal !important;
    line-height: 1em!important;
    font-family: "Poppins", "Roboto", sans-serif !important;
    font-weight: 600!important;
    padding: 10px 14px;
    background: transparent !important;
    color: var(--primary-color)!important;
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease;
    text-transform: lowercase !important;
}
.bio-text h1::first-letter,
.bio-text h2::first-letter,
.bio-text h3::first-letter,
.bio-text h4::first-letter,
.bio-text h5::first-letter,
.bio-text h6::first-letter { text-transform: uppercase; }

/* Plus/minus icons */
.bio-text h1::after,
.bio-text h2::after,
.bio-text h3::after,
.bio-text h4::after,
.bio-text h5::after,
.bio-text h6::after {
	content: "+";
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 18px!important;
	color: var(--primary-color)!important;
	transition: all 0.3s ease;
}
.bio-text h1.open::after,
.bio-text h2.open::after,
.bio-text h3.open::after,
.bio-text h4.open::after,
.bio-text h5.open::after,
.bio-text h6.open::after {
	content: "–";
	color: var(--secondary-color)!important;
}
.bio-text h1.open,
.bio-text h2.open,
.bio-text h3.open,
.bio-text h4.open,
.bio-text h5.open,
.bio-text h6.open {
	background: #e9fefb;
	border-left-color: var(--primary-color)!important;
}
.bio-section-content {
	margin-bottom: 1.5rem!important;
	padding-bottom: 0.5rem;
	overflow: hidden;
}

/* ===== PRACTICE AREA TAGS ===== */
.practice-group-list,
.solutions-list,
.services-list,
.industry-list,
.sectors-list {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 10px !important;
	list-style: none !important;
	padding: 0 !important;
	margin: 15px 0 !important;
}
.practice-group-list li,
.solutions-list li,
.services-list li,
.industry-list li,
.sectors-list li { margin: 0 !important; padding: 0 !important; }
.practice-group-list li a,
.solutions-list li a,
.services-list li a,
.industry-list li a,
.sectors-list li a {
	letter-spacing: 0;
	display: inline-block !important;
	padding: 6px 10px !important;
	background: #f5f7f7 !important;
	color: var(--primary-color) !important;
	border: 1px solid var(--secondary-color) !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	text-transform: capitalize !important;
	text-decoration: none !important;
	border-radius: 0 !important;
	transition: all 0.3s ease-in-out !important;
	cursor: pointer !important;
}
.practice-group-list li a:hover,
.solutions-list li a:hover,
.services-list li a:hover,
.industry-list li a:hover,
.sectors-list li a:hover {
	background: var(--primary-color) !important;
	color: #fff !important;
	border-color: var(--secondary-color) !important;
	transform: translateY(-2px) !important;
}
.practice-group-list li a.active,
.solutions-list li a.active,
.services-list li a.active,
.industry-list li a.active,
.sectors-list li a.active {
	background: var(--secondary-color) !important;
	color: #fff !important;
	border-color: var(--primary-color) !important;
}
.practice-group-list li i {
	margin-right: 8px !important;
	color: var(--secondary-color) !important;
	font-size: 1rem !important;
}
.practice-group-list li:hover i { color: #fff !important; }

/* Responsive adjustments */
@media (max-width: 768px) {
	.practice-group-list li a,
	.solutions-list li a,
	.services-list li a,
	.industry-list li a,
	.sectors-list li a {
		padding: 8px 14px !important;
		font-size: 14px !important;
	}
}

/* SHARE MENU */
.share-dropdown {
	color: var(--secondary-color);
	position: relative;
	display: inline-block;
}
#shareProfile {
	border: none;
	cursor: pointer;
	margin-left: 5px;
	transition: color 0.3s ease;
}
#shareProfile:hover { color: var(--secondary-color)!important; }
.share-menu {
	position: absolute;
	bottom: -10px;
	right: 0;
	transform: translateY(100%);
	border: 1px solid #ddd;
	padding: 8px 0;
	min-width: 150px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.15);
	display: none;
	z-index: 100;
}
.share-item {
	display: block;
	padding: 8px 12px;
	color: #333;
	text-decoration: none;
	font-size: 14px!important;
	transition: background 0.2s ease;
}
.share-item i { margin-right: 8px; }
.share-item:hover { background: #f4f4f4; color: var(--secondary-color)!important; }
.share-dropdown.active .share-menu { display: block; }
.profile-actions { position: relative; z-index: 10; }

/* =============================== */
/* ✅ CONTACT FORM STYLES */
/* =============================== */
.contact-response {
	margin-top: 10px;
	text-align: center;
	font-size: 15px!important;
}
.contact-loader {
	display: inline-block;
	width: 30px;
	height: 30px;
	border: 3px solid #ddd;
	border-top: 3px solid var(--secondary-color);
	border-radius: 50%;
	animation: spin 0.8s linear infinite;
	margin-bottom: 10px;
}
@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

.contact-neutral-section {
	margin-top: 40px;
	background: #fff;
	padding: 35px 30px;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
	border: 1px solid #e6e6e6;
	transition: box-shadow 0.3s ease-in-out;
}
.contact-neutral-section .contact-title {
	font-size: 26px;
	color: var(--primary-color);
	font-weight: 600;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	gap: 10px;
	text-transform: capitalize;
}
.contact-neutral-section .contact-title i { color: var(--secondary-color); font-size: 24px; }
.contact-neutral-form { display: flex; flex-direction: column; gap: 15px; padding: 10px 0; }
.contact-neutral-form .form-group { display: flex; flex-direction: column; }
.contact-neutral-form label {
	font-weight: 500; color: var(--primary-color); margin-bottom: 6px; font-size: 15px;
}
.contact-neutral-form input,
.contact-neutral-form textarea {
	padding: 12px 14px;
	border: 1px solid #ccc!important;
	border-radius: 0!important;
	font-size: 15px!important;
	width: 100%;
	box-sizing: border-box;
	background: #f9f9f9!important;
	transition: all 0.25s ease;
}
.contact-neutral-form input:focus,
.contact-neutral-form textarea:focus {
	border-color: var(--secondary-color)!important;
	background: #fff;
	box-shadow: 0 0 6px rgba(92, 229, 206, 0.3);
	outline: none;
}
.contact-submit-btn {
	background: transparent !important;
	color: var(--primary-color) !important;
	border: 2px solid var(--secondary-color) !important;
	padding: 12px 25px !important;
	font-size: 16px!important;
	font-weight: 600;
	cursor: pointer;
	border-radius: 0px !important;
	text-transform: uppercase;
	letter-spacing: 0.5px !important;
}
.contact-submit-btn:hover {
	background: var(--primary-color)!important;
	color: #fff !important;
	border-color: var(--primary-color)!important;
	transform: translateY(-2px);
	border-radius:0px !important;
}

/* === Responsive Adjustments === */
@media (max-width: 768px) {
	.contact-neutral-section { padding: 25px 20px; }
	.contact-neutral-section .contact-title { font-size: 22px; }
	.contact-submit-btn { width: 100%; text-align: center; }
}

/* ===== PRINT MODE ===== */
@media print {
	.profile-actions,
	.social-links,
	header,
	footer,
	.site-footer { display: none !important; }
	.profile-hero { background: #fff !important; color: #000 !important; }
	.profile-avatar { max-height: 450px !important; object-fit: contain !important; }
}

/* ==================================== */
/* ✅ RESPONSIVE DESIGN */
/* ==================================== */

/* TABLET MODE (≤1024px) */
@media (max-width: 1024px) {
	.profile-hero { flex-direction: column; padding: 30px; }
	.profile-hero-left, .profile-hero-right { width: 100%; }
	.profile-left, .profile-right { flex: 1 1 100%; width: 100%; }
	.profile-right { margin-top: 20px; }
}

/* MOBILE MODE (≤768px) */
@media (max-width: 768px) {
    .profile-hero { padding: 20px; }
    .profile-avatar { height: 350px !important; object-fit: cover; object-position: center; }

    /* ✅ Reorder Columns for Mobile (kept as-is) */
    .profile-columns { display: flex !important; flex-direction: column !important; }
    .profile-left { order: 1 !important; }
    .profile-right { order: 2 !important; margin-top: 20px; width: 100% !important; }

    /* This line kept (won't harm after JS reorder) */
    .profile-left .profile-section:nth-of-type(n+2) { order: 3 !important; }

    .profile-header-left h2 { font-size: 1.8rem; }
    .profile-title { font-size: 1rem; }
}

/* SMALL MOBILE (≤480px) */
@media (max-width: 480px) {
	.profile-hero { padding: 15px; }
	.profile-avatar { height: 350px !important; object-fit: cover; object-position: center; }
	.profile-header-left h2 { font-size: 1.5rem; }
	.profile-title { font-size: 0.9rem; }
	.contact-list li { font-size: 0.85rem; }
	.profile-actions { justify-content: center; }
	.social-links-inline { justify-content: center; }
	.profile-left, .profile-right { width: 100%; flex: 1 1 100%; }
}

/* ====================================== */
/* ✅ Improved Bio Section List Formatting */
.bio-text ul {
  list-style-type: disc !important;
  margin-left: 22px !important;
  margin-top: 10px !important;
  margin-bottom: 15px !important;
  padding-left: 10px !important;
}
.bio-text ul li {
  font-size: 18px !important;
  line-height: 1.45 !important;
  color: #000 !important ;
  font-weight: 300 !important;
  margin-bottom: 6px !important;
  position: relative !important;
  padding-left: 8px !important;
  transition: color 0.25s ease-in-out !important;
}
.bio-text ul li::marker { color: var(--secondary-color) !important; }
.bio-text ul li:hover { color: var(--primary-color) !important; }
.bio-text ul ul {
  list-style-type: circle !important;
  margin-left: 18px !important;
  font-size: 0.9rem !important;
  opacity: 0.9 !important;
}

/* ===========================================
   ✅ Utility Header Box (Left + Right)
=========================================== */
.utility-header-box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4% 15% 0 15%;
    position: relative;
    z-index: 10;
}
.utility-left { flex: 1; display: flex; align-items: center; justify-content: flex-start; }
.utility-right { flex: 1; display: flex; justify-content: flex-end; align-items: center; }

/* ICON STYLES */
.utility-icons {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 15px !important;
  margin-right: 0 !important;
}
.utility-icons .styles__icon {
  background: none !important;
  border: none !important;
  cursor: pointer !important;
  font-size: 20px !important;
  color: #555 !important;
  transition: color 0.25s ease, transform 0.25s ease !important;
}
.utility-icons .styles__icon:hover { color: #1b5b69 !important; transform: scale(1.15); }
.icon-share::before   { content: "\f1e0"; font-family: "Font Awesome 5 Free"; font-weight: 900; }
.icon-vcard::before   { content: "\f2bb"; font-family: "Font Awesome 5 Free"; font-weight: 900; }
.icon-pdf::before     { content: "\f1c1"; font-family: "Font Awesome 5 Free"; font-weight: 900; }
.icon-print::before   { content: "\f02f"; font-family: "Font Awesome 5 Free"; font-weight: 900; }

/* RESPONSIVE (icons) */
@media (max-width: 768px) {
  .utility-header-box { flex-direction: column; padding: 10px 5%; gap: 10px; }
  .utility-right { justify-content: center; }
  .utility-icons { gap: 15px !important; }
}

/* ===========================================
   ✅ RELATED INSIGHTS SLIDER
=========================================== */
.neutral-slider-wrapper { padding-left: 15%; padding-right: 15%; box-sizing: border-box; width: 100%; }
.neutral-slider-section {
    border-top:1px solid #dddddd;
    padding-top:2%;
	width: 100%;
	margin: 60px auto;
	position: relative;
	font-family: inherit;
}
.neutral-slider-heading {
  font-size: 1.8rem;
  color: #1b5b69;
  font-weight: 700;
  margin-bottom: 25px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.neutral-slider-container {
	 position: relative; width: 100%; overflow: hidden;
	 }
.neutral-nav {
  position: absolute; top: 50%; transform: translateY(-50%); z-index: 5;
  width: 45px; height: 45px; background: rgba(255, 255, 255, 0.95);
  color: #1b5b69; display: flex; align-items: center; justify-content: center;
  cursor: pointer; box-shadow: 0 2px 10px rgba(0,0,0,0.2); transition: all 0.3s ease; border-radius: 0;
}
.neutral-nav:hover { background: #1b5b69; color: #fff; }
.neutral-next { right: 0px; }
.neutral-slider { display: flex; gap: 2px; scroll-behavior: smooth; overflow: hidden; }
.neutral-card {
  flex: 0 0 25%; max-width: 400px; height: 400px; background-size: cover; background-position: center;
  text-decoration: none; color: #fff; border-radius: 0; overflow: hidden; position: relative;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.neutral-card:hover { transform: translateY(-4px); box-shadow: 0 10px 25px rgba(0,0,0,0.25); }
.neutral-overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.55); display: flex; flex-direction: column; justify-content: flex-end; padding: 20px; transition: background 0.3s ease; }
.neutral-card:hover .neutral-overlay { background: rgba(0, 0, 0, 0.8); }
.neutral-content { display: flex; flex-direction: column; gap: 8px; transform: translateY(40px); transition: transform 0.4s ease; }
.neutral-card:hover .neutral-content { transform: translateY(0); }
.neutral-title { font-size: 1.3rem; font-weight: 600; color: #fff; margin: 0; line-height: 1.3; }
.neutral-excerpt { font-size: 0.85rem; color: #e8e8e8; margin: 0; opacity: 0; transition: opacity 0.3s ease; }
.neutral-card:hover .neutral-excerpt { opacity: 1; }
.neutral-meta {
  display: flex; flex-wrap: wrap; gap: 10px; font-size: 0.8rem; color: #ccc; margin-top: auto; padding-top: 10px; border-top: 1px solid rgba(255,255,255,0.2);
}
.neutral-meta i { color: #5ce5ce; font-size: 0.9rem; }
@media (max-width: 991px) { .neutral-card { flex: 0 0 300px; height: 300px; } .neutral-prev { left: 0; } .neutral-next { right: 0; } }
@media (max-width: 600px) { .neutral-card { flex: 0 0 100%; height: 350px; } .neutral-nav { width: 38px; height: 38px; } }

/* =======================================================
   ✅ FINAL MOBILE VIEW FIX (For ≤768px)
======================================================= */
@media (max-width: 768px) {
  body, html { overflow-x: hidden !important; margin: 0; padding: 0; }
  .profile-hero {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 0 !important;
    margin: 0 !important;
    background: var(--primary-color) !important;
  }
  #tno_short-intro, .tno_short-intro-text { font-size:24px }
  .wone-neutral-profile .profile-section .accordion-content p { font-size:14px; }
  .ficm-container-bottom { align-items: left !important; height: auto !important; padding: 20 !important; }
  .profile-hero-left {
    width: 100% !important; height: auto !important; display: flex !important;
    justify-content: center !important; align-items: center !important; overflow: hidden !important;
  }
  .profile-avatar { width: 100% !important; height: 350px !important; object-fit: cover !important; object-position: center !important; display: block !important; }
  .profile-hero-right { padding-left: 35px; display: flex; align-items: flex-start; text-align: left; padding-top: 50px; }
  .profile-header-left h2 { font-size: 1.4rem !important; margin-bottom: 8px !important; color: #fff !important; }
  .profile-title { font-size: 1rem !important; color: #dff9f5 !important; }
  .profile-section-box { padding: 10px 0 !important; text-align: center !important; }
  .contact-list {
    list-style: none !important; padding: 0 !important; margin: 0 auto !important;
    display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 4px !important;
  }
  .profile-details { padding-right: 20px; padding-left: 20px; background: #fff; border-radius: 0 !important; }
  .contact-list li { font-size: 0.95rem !important; color: #fff !important; display: flex !important; align-items: center !important; justify-content: center !important; }
  .contact-list i { font-size: 1rem !important; margin-right: 8px !important; }
  .profile-actions { display: flex !important; justify-content: center !important; align-items: center !important; gap: 8px !important; padding: 10px 0 !important; }
  .profile-actions button { font-size: 0.9rem !important; padding: 6px 10px !important; background: var(--secondary-color) !important; color: var(--primary-color) !important; border: none !important; border-radius: 0 !important; }
  .profile-columns { display: flex !important; flex-direction: column !important; border: none !important; padding: 0 !important; margin: 0 !important; }
  .profile-columns > div { width: 100% !important; margin: 0 !important; padding: 0 !important; }
  .bio-text { font-size: 1rem !important; line-height: 1.6 !important; padding: 0 !important; margin-bottom: 1rem !important; }
  .bio-text h3 { font-size: 1.2rem !important; }
  .bio-text p { font-size: 1rem !important; line-height: 1.5 !important; margin-bottom: 1rem !important; }
  .contact-neutral-section { width: 100% !important; padding: 20px !important; margin: 50px 0 !important; box-sizing: border-box; }
  .contact-neutral-section .contact-title { font-size: 20px !important; text-align: center; }
  .contact-submit-btn { width: 100% !important; }
  .utility-header-box { flex-direction: column !important; align-items: center !important; padding: 10px 5% !important; gap: 10px !important; }
  .utility-left, .utility-right { width: 100% !important; justify-content: left !important; padding-bottom: 10px; padding-top: 10px; }
  .neutral-slider-wrapper { padding-left: 5% !important; padding-right: 5% !important; }
  .neutral-card { flex: 0 0 100% !important; width: 100% !important; height: 320px !important; }
  .neutral-slider-section { margin: 40px auto !important; }
  .neutral-slider-heading { font-size: 1.4rem !important; justify-content: center !important; }
  .neutral-nav { width: 35px !important; height: 35px !important; }
  .practice-group-list, .solutions-list, .services-list, .industry-list, .sectors-list { justify-content: center !important; }
  .practice-group-list li a, .solutions-list li a, .services-list li a, .industry-list li a, .sectors-list li a { font-size: 13px !important; padding: 6px 12px !important; }
  .profile-section h3 { font-size: 20px !important; padding: 6px 0 !important; }
  .profile-section { margin-bottom: 1.5rem !important; }
}