@font-face {
	font-family: 'Arial Regular';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/ARIAL.woff')
}

@font-face {
	font-family: 'Arial Narrow';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/ARIALN.woff')
}

@font-face {
	font-family: 'Arial Medium';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/ArialMdm.woff')
}

@font-face {
	font-family: 'Arial Medium Italic';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/ArialMdmItl.woff')
}

@font-face {
	font-family: 'Arial Bold';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/ARIALBD 1.woff')
}

@font-face {
	font-family: 'Arial Bold';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/ARIALBD.woff')
}

@font-face {
	font-family: 'Arial Narrow Bold';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/ARIALNB.woff')
}

@font-face {
	font-family: 'Arial Bold Italic';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/ARIALBI 1.woff')
}

@font-face {
	font-family: 'Arial Bold Italic';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/ARIALBI.woff')
}

@font-face {
	font-family: 'Arial Narrow Bold Italic';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/ARIALNBI.woff')
}

@font-face {
	font-family: 'Arial Black';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/ARIBLK.woff')
}

@font-face {
	font-family: 'Arial Black Italic';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/ARIALBLACKITALIC.woff')
}

@font-face {
	font-family: 'Arial Light Regular';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/ARIALLGT.woff')
}

@font-face {
	font-family: 'Arial CE Regular';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/ArialCE.woff')
}

@font-face {
	font-family: 'Arial CE MT Black Regular';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/ArialCEMTBlack.woff')
}

@font-face {
	font-family: 'Arial CE Bold';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/arialceb.woff')
}

@font-face {
	font-family: 'Oswald';
	src: url('../fonts/Oswald-Light.ttf');
	font-weight: 300
}

@font-face {
	font-family: 'Oswald';
	src: url('../fonts/Oswald-Regular.ttf');
	font-weight: 400
}

@font-face {
	font-family: 'Oswald';
	src: url('../fonts/Oswald-Medium.ttf');
	font-weight: 500
}

@font-face {
	font-family: 'Oswald';
	src: url('../fonts/Oswald-SemiBold.ttf');
	font-weight: 600
}

@font-face {
	font-family: 'Oswald';
	src: url('../fonts/Oswald-Bold.ttf');
	font-weight: 700
}

:root {
	--primary-button-bg-color: #8d172a
}

html {
	font-size: 100%
}

body {
	background: #fff;
	color: #000;
	font-family: arial, sans-serif;
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.8
}

.text--big, .text--big p {
	font-size: 1.325rem
}

a {
	text-decoration: none;
	-webkit-transition: color .2s ease, background-color .2s ease;
	-o-transition: color .2s ease, background-color .2s ease;
	-moz-transition: color .2s ease, background-color .2s ease;
	transition: color .2s ease, background-color .2s ease
}

a:hover {
	color: #000;
	text-decoration: none !important
}

img, svg {
	height: auto;
	max-width: 100%
}

article, footer, header, section {
	width: 100%
}

.accessibility {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	left: -999999999px;
	position: absolute
}

section a {
	text-decoration: none;
	color: #9f3422;
	font-weight: 400
}

h1, h2, h3, h4, h5, h6 {
	font-family: Oswald, sans-serif
}

.sc-pd-large {
	padding-top: 6rem;
	padding-bottom: 6rem
}

.sc-pd-medium {
	padding-top: 4rem;
	padding-bottom: 4rem
}

.sc-pd-small {
	padding-top: 3rem;
	padding-bottom: 3rem
}

.sc-pd-smaller {
	padding-top: 2rem;
	padding-bottom: 2rem
}

.bg-img {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}

.fw-semibold {
	font-weight: 600
}

.btn {
	display: inline-block;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	background-color: var(--primary-button-bg-color);
	border: 2px solid var(--primary-button-bg-color);
	padding: .75em 2em .75em 2em;
	border-radius: 2em;
	letter-spacing: 1px;
	position: relative;
	transition: all .5s ease
}

.btn:hover {
	color: #fff;
	background-color: #5a121e
}

.btn:focus {
	border-radius: 0
}

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	padding-left: 30px;
	padding-right: 30px
}

.container-small {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto
}

p {
	line-height: 20px;
	font-size: 14px;
	margin-bottom: 20px
}

.title-h1 {
	font-size: 26px;
	margin-bottom: 10px
}

.title-h2 {
	font-size: 22px;
	margin-bottom: 10px;
	font-weight: 400
}

.title-h3 {
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: 400
}

.main-title span {
	padding: 0 20px;
	font-size: 26px
}

.main-title {
	background: url('../images/title-striped-bg.png');
	line-height: 10px;
	margin: 0 0 20px 0
}

.content--box {
	padding: 50px 25px
}

.dashed-line {
	background: url('../images/title-striped-bg.png') repeat-x;
	border: 0;
	clear: both;
	height: 10px;
	margin-bottom: 30px;
	opacity: 1
}

.btn-view {
	padding: 5px 7px;
	background: linear-gradient(#c3b59b, #bdae91);
	text-transform: uppercase;
	font-weight: 600;
	color: white;
	font-size: 12px;
}

#map .gm-style .gm-style-iw-c {
	overflow: unset;
}

#map .gm-ui-hover-effect {
	background-color: #fff !important;
	border-radius: 100%;
	opacity: 1;
	width: 20px !important;
	height: 20px !important;
}

#map .gm-ui-hover-effect span {
	width: 12px !important;
	height: 12px !important;
	margin: auto !important;
}

#map .gm-style-iw-d {
	overflow: unset !important;
	max-height: 200px !important;
}

#map .gm-style-iw.gm-style-iw-c {
	min-height: 140px;
	max-height: unset !important;
	border-radius: 0;
	padding: 10px !important;
}

/***** Header Css *****/
.siteheader {
	padding: .5rem 0;
	position: relative;
	background: #fff url('../images/header-bg_pattern.png') repeat;
	box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
	transition: transform .3s ease-in-out
}

/***** Footer *****/
.sitefooter-up-ads {
	background-color: #c3b59b;
	border-top: 1px solid #cfcfcf;
	padding: 40px 0;
	font-size: 20px;
	font-weight: 300;
	line-height: 1.5
}

.sitefooter-up-ads .ads-table td {
	vertical-align: bottom
}

.footer--copyright {
	background-color: #f9f9f9;
	font-size: 12px;
	padding: 15px 0;
	line-height: 18px;
	border-top: 1px solid #ddd;
	color: #666
}

/********** Common Section ***********/
/* Breadcrumb */
.page-link span {
	padding-left: 3px;
	font-size: 12px
}

.page-link {
	margin-bottom: 20px
}

/* Search bar Css */
.search-bar {
	background: #c13f29 url('../images/search_bg_pattern.png') repeat
}

#dir-search-inputs {
	float: left;
	padding: 20px 25px
}

#dir-holder {
	background: #fff;
	border: 1px solid #752619;
	border-radius: 40px;
	box-shadow: 0 1px 0 #ccc inset, 0 2px 0 -1px #c9422b;
	padding-right: 40px;
	position: relative;
	width: 100%
}

#dir-holder:before {
	background: #dcdcdc;
	content: '';
	display: block;
	position: absolute;
	left: 39px;
	height: 23px;
	top: 6px;
	width: 1px
}

.dir-holder-wrap:after {
	content: '.';
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
	visibility: hidden
}

#dir-holder input {
	display: block;
	background: url('../images/search_input-loupe.png') no-repeat 13px center;
	font-size: 13px;
	height: 35px;
	line-height: 1;
	padding: 0 10px 0 50px;
	position: relative;
	width: auto;
	max-width: 220px;
	border: 0
}

#dir-holder select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: url('../images/search_input-arrow.png') no-repeat right 13px;
	border: 0;
	border-left: 1px solid #dcdcdc;
	padding: 0 10px;
	float: right;
	margin: 0 12px 0 0;
	height: 35px;
	width: 160px;
	font-size: 12px;
	outline: none;
	/* outline: 0; */
	color: #757575
}

#dir-holder select:focus {
	outline: auto;
}

#dir-holder select option {
	width: 160px
}

#dir-holder input#dir-searchinput-text {
	float: left
}

#dir-search-button {
	background: rgba(255, 255, 255, .1);
	padding: 20px 25px
}

#dir-search-button input {
	background: #c3b59b url('../images/search_button-loupe.png') no-repeat 12px center;
	box-shadow: 0 1px 0 #d2c8b5 inset, 0 1px 0 #9e885f;
	border-radius: 40px;
	color: #fff;
	display: inline-block;
	font-family: 'Oswald';
	font-size: 15px;
	padding: 5px 8px 5px 32px;
	text-shadow: 1px 1px 0 #a8946e;
	text-decoration: none;
	text-transform: uppercase;
	width: 100%;
	border: 0
}

/* Side bar */
.side-bar {
	padding: 50px 25px;
	background-color: #f7f7f7;
	font-size: 12px
}

.side-bar-form .g-recaptcha {
	transform: scale(0.77);
	transform-origin: 0 0;
	margin-bottom: -15px;
}

.side-bar h3.double--line-heading {
	background: url('../images/title-solid-bg.png') center center repeat-x;
	color: #222;
	line-height: 30px;
	font-family: 'Oswald';
	font-size: 15px;
	font-weight: 400;
	margin: 0 0 25px 0;
	padding: 0;
	text-align: center;
	text-transform: uppercase
}

.side-bar h3.double--line-heading span {
	background: #f7f7f7;
	padding: 0 20px
}

.side-bar a {
	text-decoration: underline;
	color: #222
}

.form--box {
	background-color: #fafafa;
	border: 1px solid #cfcfcf;
	padding: 20px 14px
}

.form--box label {
	font-weight: 700;
	color: #333
}

.form--box input, .form--box textarea {
	background: #f4f4f4;
	color: #666;
	border: 1px solid #e8e8e8;
	display: block;
	font-family: Arial, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 5px 8px
}

.form--box input[type=submit] {
	font-family: arial;
	font-size: 12px;
	cursor: pointer;
	display: inline;
	font-weight: 700;
	width: auto;
	margin: 0;
	background: #9f3422 !important;
	border: 1px solid #6d2417;
	color: #fff !important;
	padding: 5px 10px;
	text-shadow: 1px 1px 0 #752619
}

/**************  Page CSS *****************/
.directory-box:not(:last-child), .main-directory-box {
	margin-bottom: 30px
}

.directory-box, .main-directory-box {
	display: flex
}

.directory-box h3 a, .main-directory-box h3 a {
	color: #9f3422;
}

.main-directory-box .main-directory-img span {
	position: absolute;
	bottom: 0;
	background: #b09e7e;
	color: #fff;
	font-weight: 700;
	padding: 2px 5px 0;
	right: 0;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
	font-size: 12px
}

.directory-box .directory-img img, .main-directory-box .main-directory-img img {

	max-width: 100px
}

.directory-box.featured img {
	border: 5px solid #b09d7b !important;
}

.featured .directory-img {
	position: relative;
}

.featured-badge {
	position: absolute;
	bottom: 6px;
	background: #b09e7e;
	color: #fff;
	font-weight: 700;
	padding: 2px 5px 0;
	right: 0;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
	font-size: 12px;
}

.directory-box .directory-img, .main-directory-box .main-directory-img {
	margin-right: 20px;
	padding: 5px;
	display: inline-block;
	max-width: 100px
}

.directory-box .directory-detail h3, .main-directory-box .main-directory-detail h3 {
	font-size: 18px;
	margin-bottom: 10px
}

.directory-box .directory-img img {
	border: 5px solid #b6b6b6
}

/* Home */
form label.label--big {
	font-size: 18px;
	font-weight: 600;
	display: block
}

form label.label--big span {
	color: #790000;
	margin-left: 4px
}

form label.label--small {
	display: block;
	font-size: .813em;
	letter-spacing: .5pt;
	white-space: nowrap
}

/* Members */
.frame-inner {
	background: #fcfcfc;
	box-shadow: 0 0 1px rgba(0, 0, 0, .2);
	clear: both;
	line-height: 16px;
	margin: 0 0 20px;
	padding: 15px
}

.frame-inner p {
	font-size: 12px
}

/*  Board */
.president--boxes span {
	font-size: 12px;
	line-height: 1;
	color: #333
}

.president--boxes p {
	font-size: 12px;
	line-height: 1.3;
	color: #333
}

.president--boxes img {
	border: 1px solid #cfcfcf;
	transition: all .5s
}

.president--boxes img:hover {
	border-color: #9f3422
}

/*  Resource And Link */
.sc-info p a[name] {
	color: #333;
	cursor: text
}

.sc-info ul li a {
	font-size: 12px
}

/* Team Detail pages */
.sc-team-detail h1 a {
	color: #222;
	transition: all .5s color
}

.sc-team-detail h1 a:hover {
	color: #9f3422
}

.item {
	display: flex;
	margin-bottom: 20px;
	gap: 12px
}

.item-image img {
	background: #cfcfcf;
	border: 1px solid #b6b6b6;
	padding: 5px;
	min-width: 140px;
	height: 200px;
	margin-right: 20px;
	object-fit: cover;
}

.item-share {
	background: #f7f7f7;
	border: 1px solid #cfcfcf;
	margin-bottom: 30px
}

.social-item {
	border-right: 1px dashed #cfcfcf;
	display: inline-flex;
	padding: 8px 0;
	text-align: center;
	width: 32%;
	justify-content: center;
	align-items: center
}

.item-address {
	background: url('../images/item-icon-adress.png') no-repeat
}

.item-address, .item-hours {
	padding: 0 0 20px 50px;
	font-size: 12px
}

dl.item-address dt {
	float: left;
	font-weight: 700;
	padding-bottom: 10px;
	width: 80px
}

dl.item-address dt.title {
	float: none;
	padding: 0;
	width: 100%;
	border-bottom: 1px dotted #cfcfcf;
	padding-bottom: 10px;
	margin: 0 0 10px 0
}

dl.item-address dd {
	padding-bottom: 10px;
	padding-left: 80px;
	margin-bottom: 0
}

.item-map--box iframe {
	border: 1px solid #cfcfcf
}

/* Media Query - Min Width */
@media only screen and (min-width: 576px) {}

@media only screen and (min-width: 768px) {}

@media only screen and (min-width: 992px) {
	.mobile-menu-container.offcanvas {
		display: none
	}

	.siteheader-menu li {
		position: relative;
		display: inline-block;
		margin: 0 10px;
		font-weight: 400
	}

	.siteheader-menu li:last-child {
		margin-right: 0
	}

	.siteheader-menu li a {
		font-size: 15px;
		color: #333;
		display: block;
		font-weight: 400;
		letter-spacing: .03em;
		text-decoration: none;
		position: relative;
		text-transform: uppercase;
		font-family: 'Oswald', sans-serif
	}

	.siteheader-menu>li>a::before {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		height: 4px;
		transition: all .5s ease;
		width: 0;
		background-color: var(--theme-primary-color)
	}

	.siteheader-menu li .sub-menu {
		display: block;
		position: absolute;
		left: 0;
		top: 100%;
		min-width: 300px;
		background-color: #fff;
		opacity: 0;
		z-index: 555;
		padding: 0;
		box-shadow: 0 0 0 1px rgba(0, 0, 0, .15);
		list-style: none;
		visibility: hidden;
		transition: .3s ease;
		-webkit-transition: .3s ease;
		-moz-transition: .3s ease
	}

	.siteheader-menu li .sub-menu li {
		display: block;
		margin: 0
	}

	.siteheader-menu li.menu-item-has-children:hover>.sub-menu {
		visibility: visible;
		opacity: 1
	}

	.siteheader-menu li .sub-menu li .sub-menu {
		left: 100%;
		top: 0
	}

	.siteheader-menu li .sub-menu a {
		display: block;
		padding: 9px 0;
		margin: 0 10px;
		font-size: 13px;
		position: relative;
		font-weight: 400
	}

	.sub-menu>li:not(:last-child)>a {
		border-bottom: 1px solid #eee
	}

	.siteheader-menu li .sub-menu li:hover {
		background-color: #f9e4e1
	}

	.siteheader-menu li .sub-menu li:hover a {
		color: #000
	}

	.siteheader-menu li.menu-item-has-children>a {
		position: relative;
		padding-right: 15px
	}

	.siteheader-menu li.menu-item-has-children>a::after {
		content: '';
		display: block;
		border-bottom: 2px solid #666;
		border-right: 2px solid #666;
		height: 7px;
		width: 7px;
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -4px;
		transform: rotate(45deg);
		transition: all .2s ease
	}

	.siteheader-menu .sub-menu li.menu-item-has-children>a::after {
		border-color: #666;
		right: 14px;
		top: 50%;
		transform: rotate(-45deg);
		margin-top: -5px
	}
}

@media only screen and (min-width: 1200px) {
	.h2, h2 {
		font-size: 2.5rem
	}

	.siteheader-menu li {
		margin: 0 15px
	}

	.sc-home-hero .h1, .sc-home-hero h1 {
		font-size: calc(2rem + 2vw)
	}

	.practice-areas-box h2 {
		font-size: 36px
	}
}

@media only screen and (min-width: 1400px) {

	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		max-width: 1320px;
		width: 94%;
	}
}

@media only screen and (min-width: 1600px) {}

/* Media Query - Max width */
@media only screen and (max-width: 1599.98px) {}

@media only screen and (max-width: 1399.98px) {}

@media only screen and (max-width: 1199.98px) {
	#dir-search-inputs {
		float: unset
	}

	#dir-holder select {
		width: 120px
	}
}

@media only screen and (max-width: 991.98px) {
	.main {
		transition: transform .3s ease-in-out
	}

	.mobile-menu-container.offcanvas {
		background-color: #000;
		color: #fff;
		max-width: 75%
	}

	.header--momenu li {
		position: relative
	}

	a.menu--open {
		display: inline-block;
		color: #fff;
		border-radius: 1px;
		font-size: 1.5rem;
		text-align: center;
		margin-left: 7px
	}

	a.menu-close {
		font-size: 1.8rem;
		float: right;
		margin-left: auto
	}

	.mobileMenu {
		text-align: left;
		padding: 0 2rem 2rem
	}

	.header--momenu {
		border-top: 1px solid rgba(255, 255, 255, .25)
	}

	.header--momenu li>a {
		display: block;
		padding: 15px 0;
		color: #fff;
		text-decoration: none;
		font-size: 1rem;
		position: relative;
		border-bottom: 1px solid rgba(255, 255, 255, .25)
	}

	.header--momenu li a span {
		font-size: 1rem
	}

	.header--momenu .sub-menu {
		display: none;
		list-style: none;
		padding-left: 0;
		background-color: #fff
	}

	.open-children {
		position: absolute;
		right: 0;
		top: 0;
		height: 100%;
		width: 50px;
		display: flex !important;
		justify-content: center;
		align-items: center;
		line-height: 1;
		z-index: 10;
		border-left: 1px solid rgba(255, 255, 255, .25);
		border-right: 1px solid rgba(255, 255, 255, .25)
	}

	.header--momenu li.menu-item-has-children.active>a>.open-children {
		transform: rotate(180deg)
	}

	.header--momenu li.menu-item-has-children .sub-menu .open-children {
		border-color: rgba(0, 0, 0, .25)
	}

	.header--momenu li .sub-menu li>a {
		font-size: 14px;
		padding: 10px 12px;
		border-bottom: 1px solid rgba(0, 0, 0, .25);
		color: #000
	}

	.open-children svg {
		width: 15px;
		margin: 0 auto
	}

	#dir-holder input#dir-searchinput-text {
		float: unset
	}

	#dir-holder input {
		background: #fff;
		margin-bottom: 20px;
		padding: 0 10px;
		max-width: 100%;
		width: 100%
	}

	#dir-holder select {
		background: #fff url('../images/search_input-arrow.png') no-repeat calc(100% - 10px) 13px;
		border-left: 0;
		float: unset;
		margin: 0;
		margin-bottom: 20px;
		width: 100%
	}

	#dir-holder select#dir-searchinput-location {
		margin-bottom: 0
	}

	#dir-holder {
		background: 0 0;
		border: 0;
		border-radius: 0;
		box-shadow: none;
		padding-right: 0
	}

	#dir-search-button input {
		width: 260px
	}

	.content--box, .side-bar {
		padding: 50px 0
	}

	#dir-search-button {
		background: none;
		text-align: center;
		padding: 0 0 20px;
	}

	.side-bar {
		flex-direction: column;
		width: calc(100vw - 4px);
		margin-left: -24px;
		padding: 50px;
	}
}

@media only screen and (max-width: 767.98px) {
	.container-small {
		max-width: 768px
	}

	.directory-box, .main-directory-box {
		display: unset;
		margin-bottom: 0
	}

	.directory-box .directory-img, .main-directory-box .main-directory-img {
		float: left
	}

	.clearfix::after {
		margin-bottom: 15px
	}
}

@media only screen and (max-width: 575.98px) {
	.container-small {
		max-width: 575px
	}

	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		width: 100%
	}

	.main-title span {
		font-size: 18px
	}
}

@media only screen and (max-width: 375.98px) {
	.item {
		display: unset
	}

	.item-image {
		float: left
	}

	.item-image img {
		margin-bottom: 10px
	}

	.social-item {
		width: 100%;
		border-right: 0
	}

	.social-item:not(:last-child) {
		border-bottom: 1px dashed #cfcfcf
	}

	dd.mail {
		display: contents
	}

	.page-link span {
		padding-left: 0
	}
}

.alphabet-navigation {
	display: flex;
	justify-content: space-between;
}

.alphabet-navigation .btn {
	font-size: 16px;
	font-weight: 700;
	color: #9f3422;
	padding: 0;
	border: none;
	background-color: transparent;
}

.letter-heading {
	font-size: 24px;
	margin-bottom: 20px;
	color: #9f3422;
}


.directory-box.first-of-letter:not(.featured) {
	padding-top: 40px;
	/* Adjust as needed */
	position: relative;
}

.directory-box.first-of-letter:not(.featured)::before {
	content: attr(data-letter);
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #9f3422;
}

@media only screen and (max-width: 767.98px) {
	.alphabet-navigation {
		flex-wrap: wrap;
		justify-content: center;
		gap: 16px;
	}

	/* disable letter */
	.directory-box.first-of-letter:not(.featured)::before {
		display: none;
	}
}

.action-button-group {
	display: flex;
	gap: 4px;
}

.btn-add,
.btn-remove,
.btn-add:active,
.btn-remove:active {
	padding: 8px;
	height: 32px;
	width: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	align-self: center;
	background-color: #ececec;
	border-color: #333;
	color: #333;
	font-size: 24px;
	font-weight: 400;
	border-radius: 50% !important;
}

.attorney-row-container {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr auto;
	gap: 12px;
}

@media (max-width: 768px) {
	.attorney-row-container {
		grid-template-columns: 1fr;
		gap: 15px;
	}

	.action-button-group {
		margin-top: 5px;
		/* center */
		justify-content: center;
		margin-bottom: 24px;
	}

	.btn-add,
	.btn-remove {
		width: 35px;
		height: 35px;
		font-size: 22px;
	}
}