/* Fixer */
.row {
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px
}
.container {
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto
}
label {
	display: inline-block;
	margin-bottom: .5rem
}
legend {
	margin-bottom: .5rem
}
hr {
	margin-top: 1rem
}
h1, h2, h3, h4, h5, h6 {
	margin-bottom: .5rem;
	font-weight: 500;
	line-height: 1.2
}
h3 {
	font-size: 1.75rem
}
h4 {
	font-size: 1.5rem
}
h6 {
	font-size: 1rem
}
ul {
	margin-bottom: 1rem;
	margin-top: 0
}
img {
	vertical-align: middle
}
/* Common */
section {
	background-size: cover
}
section hr {
	border: 0
}
section > .row {
	justify-content: center;
	margin-left: auto;
	margin-right: auto
}
.button {
    display: inline-block;
    border-radius: 30px;
    overflow: auto;
	transition: all .3s;
	margin: 10px auto clamp(15px, 1vw, 30px)
}
.button > a {
	display: inline-block;
    text-align: center;
    padding: 10px clamp(20px, 2vw, 35px);
    border: 2px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(90deg, #a57336 0, #fcf6aa 32%, #ebd985 69%, #f5e383 100%);
    background: linear-gradient(90deg, #a57336 0, #fcf6aa 32%, #8b622b 69%, #f5e383 100%);
    color: #000 !important;
    font-size: clamp(15px, 2.5vw, 22px);
    line-height: 1.1;
    margin: 0;
	transition: all .3s;
    font-weight: 600
}
.button:hover {
	filter: drop-shadow(0px 0px 4px #222);
}
.button:hover > a {
	filter: brightness(1.25);
}
/* Hero */
section.hero {
	background-color: var(--color4)
}
section.hero .bet {
	z-index: 1;
	position: relative
}
section.hero > .row {
	padding: clamp(10em, 20vw, 15em) 10px 0;
    width: 100%;
	max-width: 1490px;
	color: var(--color2);
	flex-flow: column;
	text-align: center
}
section.hero .col-half {
	padding-bottom: 90px
}
section.hero h1 {
	margin: 0
}
section.hero h1, section.hero h2 {
	color: var(--color2);
	font-weight: 500;
	line-height: 1.5;
	font-size: clamp(17px, 2vw, 26px)
}
section.hero h2 {
	margin-bottom: 30px
}
section.hero h4 {
	font-size: 20px;
	font-weight: 600;
	margin: 0;
	color: var(--color6)
}
section.hero h5 {
    font-size: clamp(19px, 3vw, 35px);
    color: var(--color2);
    font-family: inherit;
	margin-bottom: 20px;
}
section.hero .mobile_img {
    margin-bottom: -30px;
}
section.hero .top img {
	width: 100%
}
section.hero .top .button {
    width: 100%;
    width: -moz-available;         
    width: -webkit-fill-available; 
    width: fill-available;
	margin: 0 3vw 35px;
}
section.hero .top .button > a {
	width:100%
}
section.hero .top_info {
	z-index: 1;
	margin-bottom: clamp(2em, 5vw, 6em)
}
section.hero .top_info > .box {
	padding: 0 10px;
	border-left: 3px solid;
	border-right: 3px solid;
	border-image: linear-gradient(0deg, transparent 0%, var(--color6) 100%);
	border-image-slice: 1;
	border-radius: 20px 20px 0 0;
    max-width: 580px;
    margin-left: auto;
    margin-right: auto;
}
section.hero .top_info .marker {
	display: flex;
	gap: 10px;
	position: relative;
	top: -16px;
	margin: 36px -13px 0
}
section.hero .top_info .marker:before {
	border-left: 3px solid;
	border-top-left-radius: 20px
}
section.hero .top_info .marker:after {
	border-right: 3px solid;
	border-top-right-radius: 20px
}
section.hero .top_info .marker:before, section.hero .top_info .marker:after {
	content: '';
	height: 1em;
	border-top: 3px solid;
	border-color: var(--color6);
	flex: 1
}
section.hero .top_info .marker svg {
	margin-top: -30px;
	filter: drop-shadow(0 0 1px #333)
}
section.hero .buttons-fourth {
    gap: 10px;
    margin-bottom: 20px;
	display:flex;
}
section.hero .top_info .box p {
	color:var(--color2);
	font-size:clamp(25px, 3vw, 35px);
	font-weight: 600;
	font-family: 'Crimson Text', serif;
	line-height: 1.2;
	margin:0;
}
section.hero .top_info hr {
    max-width: 57%;
    border-image-slice: 1;
    border-bottom: 2px solid;
    border-image-source: linear-gradient(90deg, transparent 0, #ae9128 50%, transparent 100%);
    height: 0;
    background-color: transparent;
	margin-bottom: 10px
}
section.hero .buttons-half {
    display: flex;
    max-width: 433px;
    margin: 0 auto;
    gap: 20px;
}
section.hero .buttons-half > * {
	flex: 1
}
section.hero .buttons-half .button > a {
	padding: 10px clamp(12px, 2vw, 20px);
    width: 100%
}
section.hero .badges {
    display: flex;
    align-items: baseline;
    gap: 15px 4%;
	filter: drop-shadow(2px 4px 6px #000)
}
section.hero .bandb, section.hero .bandb > *:not(:first-child) {
	position: relative
}
section.hero .bandb h3 {
	position: relative;
    font-size: clamp(22px, 3vw, 39px);
    font-weight: 600;
	margin-top:20px;
	font-family: inherit;
	color:var(--color2)
}
section.hero .button_transparent {
	color: var(--color2);
	border: 2px solid var(--color6);
	font-size: clamp(13px, 1.8vw, 20px);
	font-family: 'Crimson Text', serif;
	border-radius: 50px;
    display:block;
	flex:auto;
    padding: 3px
}
section.hero .button_transparent:hover {
    transition: all .3s;
	background-color:#5fbcea36
}
/* Top Banner Bet on to text fix */
section.hero .bet .bet-title {
	text-transform: uppercase;
	text-shadow: 0 0 10px #000, 2px 1px 1px #000;
	transform: matrix(1.2, 0, 0, 1, 0, 0);
	font-weight: 400;
	font-size: clamp(26px, 4vw, 62px);
	font-style: normal;
	margin: 0 1em
}
section.hero .bet .bet-on {
	display: block;
	filter: drop-shadow(0 0 2px black) drop-shadow(0 0 2px black);
	color: #e8ad01;
	font-weight: 900;
	transform: matrix(.9, 0, 0, 1, 0, 0);
	font-size: clamp(38px, 4vw, 76px);
	text-shadow: none
}
section.hero .bet .bet-on > span {
	background: radial-gradient(circle, #fff 15%, #ffcc00 50%, #ff9900 70%, #e8ad01 50%);
    background-size: .13em .13em;
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}
section.hero .bet .and {
	color: #a0a3a2;
    margin: 0 -.3em;
    transform: matrix(.8, 0, 0, 1, 0, 0);
    display: inline-block;
    font-size: .95em
}
section.hero .bet sup {
	top: -.7em;
	font-weight: 400;
	font-size: .25em;
	vertical-align: super
}
@media (max-width:500px){
	section.hero .bet .bet-title {
		font-size: clamp(26px, 8vw, 62px)
	}
	section.hero .bet .bet-on {
		font-size: clamp(38px, 8vw, 76px)
	}
}
/* Results */
section.results {
	text-align: center;
	background: #001629;
	padding: 30px 20px
}
section.results .row {
	gap: 20px 4%
}
section.results h3 {
	color: #fff;
	font-weight: 600;
	font-size: clamp(22px, 3vw, 32px)
}
section.results hr {
	background: none;
	border-top: 2px solid;
	border-image-source: linear-gradient(90deg, transparent 0%, var(--color6) 50%, transparent 100%);
	border-image-slice: 1;
	margin: 0 0 10px
}
section.results h4 {
	font-size: 14px;
	font-family: segoe ui;
	color: var(--color6)
}
/* Awards */
section.awards {
	color:var(--color2);
    background: linear-gradient(180deg, rgba(31, 78, 128, 1) 65%, rgba(1, 43, 82, 1) 100%)
}
section.awards > .row {
	max-width:1300px;
	display: grid;
	padding: calc(3% + 20px) 0;
}
section.awards > .row > div {
	padding: 0 20px;
}
section.awards > .row > div:last-child {
	text-align:center;
	position: relative;
    align-self: center;
}
section.awards h3 {
	color:var(--color2);
	font-size:clamp(25px, 4vw, 50px);
	font-weight: 700;
    margin-bottom: 30px;
	text-align:center;
}
section.awards h4 {
	color:var(--color2);
	font-size:20px
}
section.awards ul {
    font-size: clamp(18px, 3.5vw, 30px);
    list-style: none;
    position: relative;
    line-height: 1;
}
section.awards ul li:not(:last-child) {
    margin-bottom: 20px;
}
section.awards li:before {
	content: url(/wp-content/uploads/2025/01/small-gold-check.png);
    position: absolute;
    left: 0;
}
section.awards h4 span {
	color:var(--color5)
}
section.awards .badges {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
	max-width: 477px;
    margin: 25px auto 20px;
}
section.awards .badges > div {
    display: flex;
    align-items: center;
    gap: 15px 10px;
    width: 100%;
	justify-content: space-between;
}
/* Top */
section.top {
	background: linear-gradient(90deg, #3b91ec 0%, #001629 100%)
}
section.top > hr {
	height: 3px;
	border: 0;
	margin: 0
}
section.top > hr:first-child {
	background: linear-gradient(180deg, rgba(42,113,160,1) 50%, rgba(54,159,202,1) 50%);
	height: 6px;
}
section.top > hr:last-child {
	background: linear-gradient(180deg, rgba(174,229,248,1) 30%, rgba(123,191,215,1) 30%, rgba(123,191,215,1) 60%, rgba(174,229,248,1) 60%);
	height: 6px;
}
section.top > .row {
	display: flex;
	padding: 20px 20px 30px;
    max-width: 1260px
}
section.top h3 {
	font-size: 20px;
    color: var(--color2);
    font-weight: 600;
	text-align:center;
    font-family: inherit
}
section.top > .row > div {
    justify-content: space-between;
    gap: 15px 2%;
    align-items: center;
	display: grid;
    grid-template-columns: auto auto auto auto;
	margin: 15px -10px 0;
}
/* Seen */
section.seen {
	padding: calc(20px + 3%) 20px calc(3% + 120px);
	background: linear-gradient(0deg, rgba(3,8,14,1) 0%, rgba(15,41,72,1) 100%)
}
section.seen h3 {
	display: flex;
	align-items: center;
	gap: 30px;
	text-align: center;
	font-size: clamp(30px, 4vw, 72px);
	font-weight: 600;
	background: -webkit-linear-gradient(90deg, rgba(95,80,44,1) 0%, rgba(216,199,143,1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	flex: 100%;
	max-width: 18em;
	margin-bottom: 30px
}
section.seen h3:before {
	background: linear-gradient(90deg, transparent, rgba(56, 115, 143, 1))
}
section.seen h3:after {
	background: linear-gradient(90deg, rgba(56, 115, 143, 1), transparent)
}
section.seen h3:before, section.seen h3:after {
	content: '';
	height: 3px;
	flex: 1
}
section.seen .logos {
	display: grid;
	grid-template-columns:  auto auto;
	gap:15px;
	align-items: center;
	flex: 100%
}
/* Review */
section.review {
	background-color:var(--color2);
	clip-path:ellipse(350% 100% at 50% 100%);
	margin-top:-90px;
	padding: calc(40px + 3%) 20px 20px
}
section.review hr {
	background: var(--color1);
	flex: 100%;
	height: 2px
}
section.review .review-slider {
	display: flex;
	flex-flow: wrap;
	gap: 0 20px;
	max-width: 80em
}
section.review .review-slider > p {
	text-align: center;
	margin: 0 auto 30px;
	max-width: 43em
}
section.review .review-slider > h3 {
	flex: 100%;
	font-size: clamp(24px, 4vw, 54px);
	margin:0;
	font-weight: 600
}
section.review .review-slider > h4 {
	flex: 100%;
	font-size: clamp(18px, 2.5vw, 24px);
	color: var(--color1);
	font-family: segoe ui;
	font-weight: 700;
	margin-bottom: 20px
}
section.review h3, section.review h4 {
	text-align: center
}
section.review .splide {
	text-align: center;
	background: var(--color7);
	color: #fff;
	padding: 20px 40px;
	margin-bottom: 40px
}
section.review .splide__list {
	align-items: center
}
section.review .review-slider .col-auto {
	display: flex
}
section.review .review-slider .col-auto > div:first-child {
	flex: 1
}
section.review .review-slider a {
	color: #333
}
section.review .stars {
	color: #dcc446;
	letter-spacing: 2px
}
section.review .review-slider .splide .splide__pagination {
	display: none
}
section.review .counts {
	display:grid;
	grid-template-columns:auto;
    gap: 0 15px;
	width: 100%
}
section.review .counts h6 {
	font-family: segoe ui
}
/* Testimonials */
section.testimonials {
	text-align: center
}
section.testimonials > .row {
    border-radius: 20px;
    background: radial-gradient(circle, rgba(25, 43, 73, 1) 0%, rgba(14, 25, 40, 1) 100%);
    padding: calc(2% + 20px) 20px 20px;
	color:var(--color2);
	margin-bottom: -22em;
	z-index:1;
	position:relative
}
section.testimonials > .row .splide_2 {
	width:100%;
    margin: 0 auto;
}
section.testimonials .row > h3 {
	color:var(--color2);
	font-size: clamp(26px, 3.5vw, 37px);
	margin-bottom:clamp(10px, 3vw, 35px);
	font-weight:700;
	text-align:center
}
section.testimonials .splide__list h3 {
	color:var(--color2);
	font-size: clamp(24px, 4vw, 32px);
	margin-bottom:8px
}
section.testimonials .splide__list h3 span {
	white-space:nowrap;
}
section.testimonials .splide__list .box {
	background: var(--color4);
    text-transform: uppercase;
	padding: 6px 20px;
    max-width: 450px;
	margin:0 auto 15px;
}
section.testimonials .splide__list .box h4 {
    color: var(--color2);
    margin: 0;
    font-size: clamp(16px, 2.5vw, 22px);
}
section.testimonials .splide__list > li {
	display: grid;
	gap:20px 36px
}
section.testimonials hr {
	background-color:var(--color2);
	height:3px;
	margin:0 0 6em;
}
section.testimonials .splide__pagination {
	margin: 3em 0;
}
section.testimonials .splide__arrows {
	display:none;
}
section.testimonials .splide__pagination__page.is-active {
    background: var(--color5);
    transform: scale(1.2);
}
section.testimonials .splide__pagination__page {
    background: var(--color2);
    transform: scale(1.2);
	margin:3px 5px;
	opacity: 1;
}
section.testimonials .splide__pagination__page:hover {
	opacity: 0.7;
}
section.testimonials .text_box {
	display: grid;
    grid-template-columns: auto;
    align-items: end;
}
section.testimonials .text_box > div:first-child {
    display: grid;
    align-items: end;
    gap: 20px;
	position: relative;
}
section.testimonials .usaf-bar {
    position: absolute;
    width: 10px;
    height: 100px;
    right: 20px;
    bottom: 0;
    background: var(--color1);
	z-index: 1;
}
section.testimonials .rick {
	max-width:320px;
	align-content: flex-end;
}
section.testimonials .rick:before {
	content: '';
	width: 10px;
	position: absolute;
	height: 60%;
	bottom: 0;
	background: var(--color1);
	max-height: 240px
}
section.testimonials .rick_quote {
	align-content:center
}
section.testimonials .rick_quote > p:first-child {
	color: var(--color2);
	font-size: clamp(26px, 5vw, 54px);
	font-family: 'Crimson Text', serif;
	margin-bottom: 1em;
}
section.testimonials .rick_quote > p:last-child {
	font-size: clamp(17px, 2.5vw, 24px);
}
/* Cases */
section.cases {
	color: var(--color2);
    background-color: #033157;
    padding: calc(22em + 3% + 20px) 20px calc(3% + 20px)
}
section.cases .row {
	display: block;
    max-width: 80em;
    text-align: center
}
section.cases h3, section.cases h4, section.cases h5 {
	color: var(--color2)
}
section.cases h3 {
	font-size: clamp(29px, 3.75vw, 48px)
}
section.cases h4 {
	font-size: clamp(24px, 3vw, 30px);
	font-family: segoe ui;
	font-weight: 400;
	color: var(--color5)
}
section.cases .box {
	display: grid;
	grid-template-columns:50% 50%;
	margin-top: 40px
}
section.cases .box a {
	color: #fff
}
section.cases .box > div {
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	padding: 20px;
	position: relative
}
section.cases .box h5 {
	font-size: clamp(18px, 2.5vw, 24px);
	max-width: 8em;
	margin-top: 20px;
	margin-bottom: 0
}
section.cases .button-wrap {
	display: flex;
	align-items: center;
	text-transform: uppercase;
	max-width: 32em;
	margin: 30px auto 0
}
section.cases .button-wrap:before, section.cases .button-wrap:after {
	content: '';
	height: 2px;
	background: var(--color5);
	flex: 1;
	margin: 0 -15px;
	z-index: 1
}
section.cases .button {
	margin: 0
}
/* Video */
section.video {
	text-align:center;
	padding: calc(3% + 20px) 5%
}
section.video > .row {
	align-items: center;
	gap: 0 30px
}
section.video > .row > .col-auto:first-child {
	width:100%;
	margin-bottom:25px
}
section.video h3 {
	font-weight: 600;
	font-size: clamp(24px, 4vw, 44px);
	margin-left: auto;
	margin-right: auto;
	max-width: 13em
}
section.video h4 {
	font-size: 24px;
	font-family: segoe ui;
	color: var(--color5);
	margin-bottom: 30px
}
section.video .button {
	margin-bottom: 0
}
/* Years */
section.years {
	color:var(--color2);
	background: #033157;
	text-align:center;
	padding: calc(3% + 20px) 20px 20px
}
section.years > .row {
    max-width: 62em;
	gap: 0 8%
}
section.years .col-full {
	display: flex;
	flex-flow: column;
	align-items: center;
	flex: 100%;
	margin-bottom: 3em
}
section.years .col-full > h3 {
	font-size: clamp(24px, 4vw, 62px);
	font-weight: 600;
	line-height: 1;
	max-width: 14em
}
section.years .col-full > h3 > span {
	color: var(--color5)
}
section.years .col-full > h4 {
	font-style: italic;
	font-weight:700;
	margin-bottom: 20px
}
section.years .col-full > h3, section.years .col-full > h4 {
	text-align: center;
	color: #fff
}
section.years .col-auto h3 {
	color: #fff;
	font-size: clamp(24px, 4vw, 48px);
	font-weight: 600;
}
section.years hr {
	background-color:var(--color2);
	height:2px;
	position:relative;
	margin-bottom:10px
}
section.years .col-auto h4 {
	padding-left:40px;
	position:relative;
	text-align:left;
	color:var(--color2)
}
section.years .col-auto h4:before {
	content: url(/wp-content/uploads/2024/12/goldcheck.png);
    position: absolute;
    left: 0;
}
section.years .col-auto h4 > span {
	display:block
}
section.years .col-auto h4 span {
	color:var(--color6)
}
section.years .col-auto h4 em {
	font-weight:700;
}
section.years .col-auto:last-child hr {
	width:210%;
}
section.years .col-auto:last-child hr:before {
	content: '';
    width: 80px;
    height: 10px;
    background: var(--color5);
    position: absolute;
    left: 30px;
    top: -5px;
}	
/* Judgments */
section.judgments {
    padding: 60px 30px 0;
	text-align:center
}
section.judgments > .row {
	max-width:1400px
}
section.judgments h3 {
	width:100%;
	font-weight: 700;
    font-size: clamp(32px, 5.5vw, 72px);
}
section.judgments h3 span {
    font-size: clamp(24px, 3vw, 32px);
	font-weight:400;
    display: block;
    color: #3f3f3f;
}
section.judgments .arrow {
	background: var(--color5);
    color: #fff;
    font-size: 91px;
    line-height: 58px;
    padding: 5px 15px 15px;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 83px;
    margin: 15px auto -37px;
	z-index:1
}	
section.judgments .box {
	width: 100%;
    padding: 80px 0 50px;
    color: var(--color2);
    display: flex;
    flex-wrap: wrap;
    background: #013d76;
	position:relative;
	justify-content: center;
}
section.judgments .box:before {
    content: '';
    width: 100vw;
    height: 100%;
    background: #013d76;
    position: absolute;
    top: 0;
    right: 100%;
}
section.judgments .box > div:first-child {
	width: 100%;
}
section.judgments .box > div:first-child h4 {
    color: var(--color2);
    font-weight: 700;
}
section.judgments .box > div:first-child hr {
	background: var(--color5);
    width: 100%;
    height: 2px;
    margin-top: 5px;
    max-width: 1200px
}
section.judgments .box .col-auto {
	width: calc(100% / 2);
    display: flex;
    flex-direction: column;
    padding: 0 10px;
	margin-bottom:20px;
}	
section.judgments .box .col-auto > div {
	padding: 20px 10px;
    background-size: cover;
	border: 1px solid #fff;
    height: 100%;
}
section.judgments .box .col-auto h4  {
	color:var(--color2);
	text-transform: uppercase;
    font-size: 19px;
}
section.judgments .box .col-auto h4 strong {
	display:block;
	font-size: clamp(27px, 4vw, 40px);
    font-weight: 700;
}
section.judgments .box .col-auto p {
	font-size: clamp(13px, 1.5vw, 18px)
}
section.judgments .box a {
	width:100%;
}
section.judgments .box a span  {
	color: var(--color2);
    max-width: 230px;
	border-bottom: 2px solid var(--color5);
	width:100;
}
/* Attorneys */
section.attorneys {
	text-align: center
}
section.attorneys .title {
	text-align: center;
	padding: calc(20px + 2%) 20px 5em 0
}
section.attorneys .title > * {
	flex: 100%
}
section.attorneys .title h3 {
	font-size: clamp(26px, 4vw, 56px);
	font-weight: 600
}
section.attorneys .title hr {
	display: flex;
	align-items: center;
	justify-content: end;
	background: var(--color4);
	height: 2px;
	max-width: 94em;
	margin-left: 0;
	margin-bottom: calc(20px + 3%)
}
section.attorneys .title hr:after {
	content: '';
	width: 5em;
	background: var(--color1);
	height: .6em;
	margin-right: 4em
}
section.attorneys .content {
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(30,53,98,1) 25%);
	color:var(--color2);
	position: relative;
	flex-flow: column;
	align-items: center
}
section.attorneys .content .top {
	padding: 0 10px;
	display: grid;
	grid-template-columns: auto auto auto auto;
	gap: 20px 10px;
	text-align: center;
	margin-top: -5em;
	margin-bottom: calc(20px + 3%)
}
.attorneys .col-auto:last-of-type{
    display:flex;
	flex-direction: column;
    justify-content: center;
	margin:0;
	max-width: 262px;
}
.attorneys .button > a{
    font-size:18px;
	text-wrap: balance;
}
section.attorneys .top .col-auto:last-of-type p{
    background:none;
    text-wrap: balance;
    font-size: clamp(16px, 5vw, 18px);
    font-family: 'Crimson Text', serif;
    max-width: 262px
}
section.attorneys .top .col-auto p {
	background: var(--color1);
	color: #fff;
	padding: 10px 4px;
	margin: -40px 10px 0;
	position: relative;
	transition: all .3s;
	font-size: clamp(13px, 3.5vw, 16px);
	z-index: 1
}
section.attorneys .top .col-auto a:hover p {
	box-shadow: 0 0 15px black;
	background: #088ed5;
}
section.attorneys .top .col-auto p > em {
	display: block;
	color: #000;
	font-weight: 700
}
section.attorneys .meet {
	max-width: 69.5em;
    padding-bottom: calc(20px + 3%);
}
section.attorneys .meet > h3, section.attorneys .meet h4 {
	color:var(--color2);
}
section.attorneys .meet > h3:first-child {	
	font-size:clamp(32px, 5.5vw, 72px)
}
section.attorneys .meet > h3:last-child {
	margin-top:20px;
	font-size:clamp(26px, 3.5vw, 43px)
}
section.attorneys .meet h4 {
	margin-bottom: calc(20px + 2%);
	font-weight:600;
	font-size:clamp(24px, 3.5vw, 36px)
}
section.attorneys .meet a {
	color:var(--color6);
    z-index: 1;
    position: relative;
}
section.attorneys .meet hr {
	background: linear-gradient(90deg, transparent 0%, #5a99d8 50%, transparent 100%);
    height: 3px;
    margin-bottom: calc(20px + 3%);
}
section.attorneys .bottom {
	display: flex;
	padding:0 20px;
	align-items: end
}
section.attorneys .meet > div {
	column-gap: 6em;
	display: grid;
	grid-template-columns: auto;
	row-gap: 30px;
	margin-bottom: 30px
}
section.attorneys .meet > .lines {
	margin-top:100px;
    display: flex;
    align-items: center;
    gap: 20px
}
section.attorneys .meet > .lines:before, section.attorneys .meet > .lines:after {
	content: '';
    height: 3px;
    flex: 1
}
section.attorneys .meet > .lines:before {
    background: linear-gradient(90deg, transparent, rgba(56, 115, 143, 1))
}
section.attorneys .meet > .lines:after {
    background: linear-gradient(90deg, rgba(56, 115, 143, 1), transparent)
}
section.attorneys .meet > .lines img {
    margin-top: -4em
}
/* CTA */
section.cta {
	background: var(--color1)
}
section.cta h3 {
	flex: 1;
	font-size: clamp(20px, 3vw, 28px);
	color: #fff;
	padding: 10px 20px;
	margin: 0
}
section.cta h3 > strong {
	display: block
}
section.cta a {
	display: flex;
	gap: 10px;
	align-items: center;
	color: var(--color7);
	font-family: serif;
	font-weight: 600;
	font-size: clamp(26px, 3vw, 38px);
	background-image: url(/wp-content/themes/bensonbingham/assets/img/herodeco.jpg.webp);
	background-size: cover;
	padding: 10px 50px
}
section.cta svg {
	width: 1.1em;
	fill: var(--color7)
}
/* FAQ */
section.faq {
    padding: clamp(40px, 5vw, 100px) 20px 100px;
	position: relative;
}
section.faq .row {
	display: block;
    max-width: 80em;
}
section.faq>.row:before {
    width: 100px;
    height: 14px;
    bottom: 45.5px;
    margin-left: 5%;
    z-index: 1;
    content: '';
    background: var(--color5);
    position: absolute;
}	
section.faq>.row:after {
    position: absolute;
    content: '';
    height: 4px;
    background: var(--color4);
    bottom: 50px;
    width: 130%;
}
section.faq h3 {
	text-align:center;
    font-size: clamp(27px, 3vw, 50px);
    font-weight: 700;
    margin-bottom: 40px;
}
section.faq h3 span {
	color: var(--color5);
    font-weight: 500;
}
section.faq details {
    border-bottom: 2px solid var(--color5)
}
section.faq summary {
    display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	list-style: none;
    padding: 10px
}
section.faq h4 {
	font-size:18px;
	font-weight: 700;
	padding-right:30px;
	margin:0
}
section.faq summary::after {
    content: '+';
    font-size: 1.5em;
	min-width: 1em;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: var(--color4)
}
section.faq details[open] summary::after {
	content: '-'
}
/* Map */
section.map {
	position: relative;
    padding: 3% 0;
}
section.map .row {
	max-width:81.3em
}
section.map .txt-map {
	background: #135880;
    background: linear-gradient(90deg, #135880 0, #05192a 100%);
    align-self: center;
	text-align:center;
	padding:30px;
}
section.map .txt-map h3 {
	color:var(--color2);
	font-size: clamp(24px, 4vw, 55px);
	font-weight:700;
	line-height: 1.05;
}
section.map .txt-map h3 > span:first-child {
    color: var(--color5);
    font-size: 18px;
    display: block;
    font-weight: 400;
}
section.map .txt-map h3 > span:last-child {
    font-size: clamp(24px, 4vw, 32px);
    font-weight: 400;
    display: block;
}
section.map .txt-map .badges {
	width: 100%;
    max-width: 382px;
    gap: 10px;
    margin:0 auto;
    position: relative;
    display: grid;
    grid-template-columns: auto auto auto auto;
}
section.map .txt-map .badges > div {
    display: flex;
    aspect-ratio: 16 / 12;
    align-items: flex-end
}
section.map .img-map {
	text-align:center;
    display: flex;
    flex-direction: column;
    position: relative;
}	
section.map .img-map:after {
    content: '';
    background: var(--color5);
    position: absolute;
	width: 108%;
    height: 4px;
    top: calc(50% - 10px);
    left: -4%;
}
section.map .row > hr {
    margin: 0;
    height: 3px;
    background: var(--color4);
    width: 100%;
}
section.map .row > hr:before {
    content: '';
    position: absolute;
    width: 50%;
    height: 3px;
    background-color: var(--color4);
    left: 0;
}
section.map .col-auto {
    margin: 0 10px;
    text-align: center;
    box-shadow: 0 0 9px 4px rgba(0, 0, 0, .25);
    padding: 15px;
	font-weight:700;
	width:100%;
	margin-bottom:20px;
}
section.map .col-auto h4 {
	font-weight:700;
}
section.map .col-auto p:first-of-type {
    margin-bottom: 7px;
    font-size: 14px;
}	
section.map .col-auto > p:last-of-type, section.map .col-auto > a:first-of-type {
    font-size: clamp(14px, 1.2vw, 16px);
    color: var(--color1);
	margin: 0
}
section.map .col-auto > a:last-of-type {
	font-size: 18px
} 
section.map .col-auto hr {
    background: var(--color4);
    margin-top: 8px;
    margin-bottom: 8px;
    height: 2px;
}
/* Tour */
section.tour h3 {
    margin-bottom: 0;
    padding: 15px 0;
    font-size: clamp(25px, 4vw, 35px);
    font-weight: 700;
    width: 100%;
    text-align: center;
}
section.tour h3 span {
    display: block;
    margin: 0 auto;
    position: relative;
    width: 100%;
	padding: 0 20px;
	max-width: calc(90% + 10px);
}
section.tour .row {
    column-gap: 40px;
}	
section.tour .row > *:not(h3) {
	position: relative;
	margin-bottom: 10px;
}
section.tour .row > *:not(:first-child):before {
    content: '';
    position: absolute;
    background-color: var(--color5);
    width: 3px;
    height: calc(100% + 10px);
    left: -18.5px;
    bottom: 0;
}
section.tour .row img {
	width:100%;
}
section.tour h3 span:before, section.tour h3 span:after {
	width: 20px;
    height: 75%;
    border-style: solid;
    border-color: var(--color5);
    content: '';
    position: absolute;
    bottom: -10px;
}
section.tour h3 span:before {
    left: 3px;
    border-width: 3px 0 0 3px;
}
section.tour h3 span:after {
    right: -3.5px;
    border-width: 3px 3px 0 0;
}
/* CTA B */
section.cta_b {
	text-align: center;
	background: var(--color1);
	padding: 10px 20px
}
section.cta_b > .row {
	align-items: center;
	gap: 0 3%;
	max-width: 66em
}
section.cta_b h3 {
	color: #fff;
	font-weight: 600
}
section.cta_b .blue_button {
	flex: 1
}
section.cta_b .blue_button a {
	transition: all .3s;
}
section.cta_b .blue_button:hover a {
	background: #013d7587;
}
section.cta_b .blue_button a {
	background: var(--color4);
	color: #fff;
	display: flex;
	justify-content: center;
	gap: 10px;
	align-items: center;
	font-family: serif;
	font-size: 24px;
	min-width: 8em;
	padding: 10px
}
section.cta_b svg {
	width: 1em;
	fill: #fff
}
/* Blog */
section.blog {
	padding: calc(20px + 3%) 20px
}
section.blog > .row {
	max-width: 75em;
	gap: 20px 4%
}
section.blog h3 {
	text-align: center;
	font-size: clamp(24px, 3vw, 38px);
	font-weight: 600;
	flex: 100%;
	margin-bottom: 3%
}
section.blog ul {
	list-style: none;
	font-family: serif;
	padding-left: 0
}
section.blog ul > li {
	padding: 6px 0;
	border-bottom: 1px solid var(--color1)
}
section.blog ul > li > a {
	color: var(--color4);
	font-size: 20px;
	font-weight: 600
}
section.blog .image {
	max-width: 20em;
	position: relative
}
section.blog .image img {
	border-radius: 20px
}
section.blog .image p {
	display: flex;
	align-items: end;
	background: linear-gradient(0deg, #013d75 0, rgba(1, 61, 117, 0) 100%);
	color: #fff;
	height: 100%;
	font-size: clamp(16px, 2vw, 22px);
	line-height: 1.4;
	position: absolute;
	bottom: 0;
	padding: 20px;
	border-radius: 20px;
	margin: 0
}
/* Contact */
section.contact {
	background-color: var(--color4);
	padding: calc(20px + 3%) 20px
}
section.contact > .row {
	max-width: 66em
}
section.contact .gform_wrapper {
	flex: 100%;
	background: #012a52cc;
	color: #fff;
	padding: 20px 8%
}
section.contact .gform_wrapper input[type="text"], section.contact .gform_wrapper input[type="tel"], section.contact .gform_wrapper input[type="email"], section.contact .gform_wrapper textarea {
	color: #fff;
	background: none;
	border: 0;
	border-radius: 0;
	border-bottom: 3px solid #fff
}
.gform_wrapper.gravity-theme .gfield textarea.large {
	background: rgb(255 255 255 / 40%);
	height: 8em
}
section.contact .gfield--type-submit .gform-button {
	background: #fff;
	text-transform: uppercase;
	font-size: 16px;
	padding: 16px 10px;
	border-radius: 0;
	border: 0
}
section.contact .gfield_radio {
	display: flex;
	flex-flow: wrap;
	gap: 8px
}
section.contact .cases .gchoice {
	min-width: 10.5em
}
section.contact .best-reply .gchoice {
	min-width: 5em
}
section.contact .gchoice {
	display: flex;
	align-items: baseline;
	gap: 6px
}
section.contact .gfield-choice-input {
	display: grid !important;
	place-content: center;
	appearance: none;
	-webkit-appearance: none;
	width: 1em;
	height: 1em;
	border: 2px solid #fff;
	border-radius: 1em
}
section.contact .gfield-choice-input:before {
	content: "";
	width: .5em;
	height: .5em;
	border-radius: 50%;
	transform: scale(0);
	transition: 120ms transform ease-in-out;
	background: #fff
}
section.contact .gfield-choice-input:checked:before {
	transform: scale(1)
}
section.contact h3 {
	text-align: center;
	font-size: clamp(24px, 4vw, 64px);
	font-weight: 600;
	color: #fff;
	flex: 100%;
	margin-bottom: calc(20px + 3%)
}
section.contact h3 > span {
	display: block;
	font-size: clamp(20px, 3vw, 32px)
}
/* Media Queries */
@media (min-width:1651px){
	section.tour h3 span:before, section.tour h3 span:after {
	    width: 1.5vw
	}
}
@media (min-width:1025px){
	section.review .row .counts {
		grid-template-columns: auto auto auto auto auto
	}
}
@media (min-width:801px){
	.col-auto {
		flex: 1
	}
	section.hero h2 {
        margin-bottom: 0
    }
	section.hero > .row {	
    	flex-flow: row
	}
	section.hero .bandb {
		padding-top: 5.5em
	}	
	section.hero .bet > picture {
		filter: drop-shadow(0 0 4px #000);
	}
	section.hero .png_fix {
		flex: none
	}
	section.hero .png_fix img {
		min-width: 4.5vw
	}
	section.hero .bandb .attorneys img {
    	position: absolute;
    	bottom: 0;
    	left: 50%;
    	-webkit-transform: translateX(-50%);
    	transform: translateX(-50%)
	}
	section.awards .left-line:before {
		content: '';
		width: 2px;
		border-left: 3px solid;
		height: 60%;
		position: absolute;
		left: -1.5px;
		border-image: linear-gradient(0deg, transparent 0%, #0a7bbb 100%);
		border-image-slice: 1
	}
	section.top > .row {
		flex-wrap: nowrap
	}
	section.top > .row > div {
		margin-top: 0
	}
	section.review {
		clip-path: ellipse(200% 100% at 50% 100%)
	}
	section.testimonials, section.video, section.years, section.faq h3 {
		text-align: left
	}
	section.testimonials > .row .splide_2 {
    max-width: 70em;
	}
	section.testimonials .vimeo_box + div {
		width: calc(100% - 36px)
	}
	section.testimonials .text_box > div > div:first-child {
		margin-left: -4em;
		z-index: 1;
		position: relative;
	}
	section.testimonials .splide__list > li {
		grid-template-columns: 50% 50%
	}
	section.testimonials .vimeo_box {
		padding-top: 20px;
		border-right: 4px solid var(--color5)
	}
	section.testimonials .splide__list .box {
		padding: 6px 20px 6px 36px;
		margin-left: -36px;
	}
	section.video h3 {
		margin-left:0;
	}
	section.video > .row > .col-auto:first-child {
		padding: 3em 0;
		margin-bottom:0;
		border-right: 3px solid var(--color5)
	}
	section.years .col-auto h3 {
		max-width:8em
	}
	section.judgments {
        background-image: url(/wp-content/uploads/2022/06/settle-bg.jpg.webp);
    }
	section.judgments .box .col-auto {
		width:calc(100% / 6)
	}
	section.attorneys .joseph, section.attorneys .ben {
	    position: absolute;
		bottom: 0
	}
	section.attorneys .joseph {
		left:0
	}
	section.attorneys .ben {
		right:0
	}
	section.attorneys .meet > div {
		grid-template-columns: auto auto;
	}
	section.attorneys .meet > .lines {
		margin-top:0;
	}
	section.map .txt-map {
		margin-left: -30%;
		width: 80%;
		padding: 4% 8% 4% 30%;
		text-align:left;
	}
	section.map .txt-map .badges {
		margin:0;
	}
	section.map .img-map {
		width:48%;
	}
	section.map .row > hr {
		margin-right:10px;
	}
}
@media (max-width:1300px){
	section.hero .badges > div {
		flex: 1
	}
}
@media (min-width:1201px){
	section.years .col-auto h4 {
		margin-right:-4em;
	}
	section.tour .row > *:not(h3){
		flex: 1;
	}	
	section.tour h3 span {
		max-width: calc(20% + 10px);
	}
}
@media (max-width:1300px) and (min-width:801px){
	section.hero .bandb {
		padding-top: 8em;
	}
	section.hero .bet > picture {
		padding: 0 20px;
		max-width: 30em;
	}
}
@media (max-width:1200px) and (min-width:501px){
	section.tour .row > *:not(h3){
		width: calc(100% / 3 - 30px);
	}
	section.tour h3 span {
		max-width: calc(33.3334% + 10px);
	}
	section.tour h3 span:before {
		left: 2px;
	}
	section.tour .row > *:nth-child(5):before {
		width:0;
	}
	section.tour h3 span:after {
		right: -4.5px;
	}
}
@media (max-width:1870px) and (min-width:801px){
	section.attorneys .joseph img, section.attorneys .ben img {
	    max-height: 27vw;
		width: auto;
	}
}
@media (max-width:1100px) and (min-width:801px) {
	.col-md-6.headernav {
		zoom: .85
	}
	.col-md-3.headerphone {
		zoom: .9
	}
}
@media (max-width:800px) and (min-width:501px){
	section.hero .bandb {
		max-width: 60%;
		margin: 0 auto
	}
	section.hero .bandb > picture {
		margin-bottom: -27%
	}
	section.hero .bandb .button {
		width: 100%;
		width: -moz-available;         
		width: -webkit-fill-available; 
		width: fill-available;
		max-width:89vw
	}
	section.hero .bandb .button > a{
		width:100%
	}
	section.attorneys .content .top {
		gap: 20px 60px
	}
	section.attorneys .meet > div > div {
	    display: flex;
		align-items: end;
	} 
	section.attorneys .meet > div > div > picture {
	    flex: 0.4;
	}
	section.attorneys .meet > div > div > div {
		flex:1;
	}
	section.attorneys .meet .joseph {
		margin-left:-20px;
	}
	section.attorneys .meet .ben {
		margin-right:-20px;
		order:1
	}
	section.attorneys .meet > div > div:before {
		content:'';
	    width: 55%;
		position: absolute;
		height: 3px;
		background: var(--color5);
	}
	section.attorneys .meet > div > div:has(.joseph):before {
		left:0;
	}
	section.attorneys .meet > div > div:has(.ben):before{
		right:0;
	}
	section.map .col-auto {
	    width: calc(33% - 18px);
	}
}
@media (min-width:768px){
	.col-md-3, .row-cols-md-4>* {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}
}
@media (min-width:501px){
	section.contact {
		background-image: url(/wp-content/uploads/2025/01/contact.jpg.webp)
	}
	section.hero .top_info > p {
		display: none
	}
	section.hero .mobile_img {
		display:none
	}
	section.hero {
		background-image: url(/wp-content/uploads/2024/12/hero.jpg.webp)
	}
	section.hero .top {
		display:none;
	}
	section.hero .button_transparent {
		flex:1;
	}
	section.awards {
	background: radial-gradient(farthest-side at bottom left, rgb(255 255 255 / 20%), transparent), radial-gradient(farthest-corner at top right, rgb(255 255 255 / 20%), transparent 40%), #012b52
	}
	section.awards li:before {
		content: url(/wp-content/uploads/2024/12/goldcheck.png);
		position: absolute;
		left: 0;
	}
	section.cases {
		background-image: url(/wp-content/uploads/2024/12/legal-cases.jpg.webp)
	}
	section.awards h3,
	section.top h3 {
		text-align: left
	}
	section.awards h3 span {
		display: block
	}
	section.awards > .row {
    	grid-template-columns: 56% 44%
	}
	section.top {
		background: linear-gradient(180deg, #3b91ec 0%, #001629 35%)
	}
	section.top > .row {
	    padding: 35px 20px;
	}
	section.top > .row > div {
		margin: 15px 0 0;
		gap: 15px 10px;
		width:100%;
	}	
	section.top > hr:first-child {
		background: var(--color5);
		margin-right: 9em;
	    height: 3px
	}
	section.top > hr:last-child {
		background: #a4e1f7;
	    height: 3px;	
		margin-left: 9em
	}	
	section.seen .logos {
		grid-template-columns: auto auto auto auto auto
	}
	section.review .review-slider .splide {
		margin-left: 30px;
		margin-right: 30px
	}
	section.review .review-slider .splide .splide__arrow--prev {
	    left: 0;
    	margin-left: -35px
	}
	section.review .review-slider .splide .splide__arrow--next {
	    right: 0;
    	margin-right: -35px
	}	
	section.review .review-slider .splide .splide__arrow {
		background-color: transparent
	}
	section.review .review-slider .splide .splide__arrow svg {
    	fill: #636363;
    	height: 2.2em;
    	width: 2.2em
	}
	section.review .counts, section.testimonials .text_box 	{
		grid-template-columns: auto auto
	}
	section.cases .box {
		grid-template-columns: 25% 25% 25% 25%;
	}
	section.cases .box > div:nth-child(-n+3), section.cases .box > div:nth-last-child(-n+4):nth-last-child(n+2) {
		border-image-slice: 1;
		border-right: 2px solid
	}
	section.cases .box > div:nth-child(-n+3) {
		border-image-source: linear-gradient(0deg, rgba(74,134,192,1) 0%, transparent 100%)
	}
	section.cases .box > div:nth-child(n+5):not(:nth-last-child(-n+5)) {
		border-right: 2px solid #4f8cc7
	}
	section.cases .box > div:nth-child(4n-2):not(:nth-last-child(-n+4)), section.cases .box > div:nth-child(4n-1):not(:nth-last-child(-n+4)) {
		border-bottom: 2px solid #4d89c4
	}
	section.cases .box > div:nth-child(4n-3):after, section.cases .box > div:nth-child(4n-4):after {
		content: '';
		height: 2px;
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%
	}
	section.cases .box > div:nth-child(4n-3):after {
		background: linear-gradient(90deg, transparent 0%, rgba(74,134,192,1) 100%)
	}
	section.cases .box > div:nth-child(4n-4):after {
		background: linear-gradient(90deg, rgba(74,134,192,1) 0%, transparent 100%)
	}
	section.cases .box > div:nth-last-child(-n+4):after {
		display: none
	}
	section.cases .box > div:nth-last-child(-n+4):nth-last-child(n+2) {
		border-image-source: linear-gradient(0deg, transparent 0%, rgba(74,134,192,1) 100%)
	}
	section.judgments .box .col-auto:nth-child(3) > div {
	    background-image: url(/wp-content/uploads/2024/08/judgments-01.jpg.webp)
	}
	section.judgments .box .col-auto:nth-child(4) > div {
		background-image: url(/wp-content/uploads/2024/02/judgments-01.jpg.webp)
	}
	section.judgments .box .col-auto:nth-child(5) > div {
		background-image: url(/wp-content/uploads/2024/02/judgments-01.jpg.webp)
	}
	section.judgments .box .col-auto:nth-child(6) > div {
		background-image: url(/wp-content/uploads/2024/02/judgments-03.jpg.webp)
	}
	section.judgments .box .col-auto:nth-child(7) > div {
	   background-image: url(/wp-content/uploads/2024/02/judgments-05.jpg.webp)
	}
	section.judgments .box {
	    background: linear-gradient(90deg, #013d76 0, rgba(1, 61, 118, .865983893557423) 71%, rgba(1, 61, 118, 0) 100%)
	}
	section.judgments .box .col-auto {
		width:calc(100% / 3)
	}
	section.attorneys .top .col-auto > p {
		margin: -40px 20px 0;
		padding: 10px
	}
}
@media (max-width:800px) {
	section.hero .attorneys img {
		mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 50%, rgba(0,0,0,0))
	}
	section.hero .bet {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0
	}
	section.hero .bandb > .wrap {
		position: relative
	}
	section.hero .button {
		margin-top: 0
	}
	section.attorneys .content .top {
		grid-template-columns: 2fr 2fr
	}
	section.cta .row {
		flex-flow: column
	}
	section.cta h3 {
		text-align: center
	}
	section.cta a {
		justify-content: center
	}
	section.testimonials .rick {
		order: 1
	}
	section.testimonials .rick_quote {
		min-height: 155%;
		max-height: 155%;
        height: 100%;
	}
}
@media (max-width:500px){
	section.hero h1 {
		margin-bottom: 20px
	}
	section.hero h2, .nomobile_img {
		display: none !important
	}
	section.hero h3 {
		font-style: italic
	}
	section.hero .top_info > p {
		margin: 20px 0 0
	}
	section.hero .bet {
		bottom: 30px
	}
	section.hero .button {
		width: 100%;
		margin-top: 0
	}
	section.hero .button a {
		width: 100%
	}
	.review-slider > * {
		padding: 0 20px
	}
	/*section.hero {
		background-image: url(/wp-content/uploads/2025/01/hero-mobile.jpg.webp)
	}*/
	section.hero .buttons-fourth {
		margin-left: -10px;
		margin-right: -10px
	}
	section.results .col-auto {
	    width: 48%
	}
	section.awards ul {
	    padding-left: 22px;
		line-height: 1.2
	}	
	section.seen .logos > *:last-child {
		grid-column: 1 / -1;
		margin: 0 auto;
	}
	section.testimonials .first_p {
	    max-width: 156px;
		margin-left: 128px;
		font-size: 14px;
		line-height: 19px;
		margin-top: -131px
	}
	section.testimonials .text_box {	
		max-width: 280px;
		margin: 0 auto
	}
	section.testimonials .text_box > div:first-child {
		max-width: 50%
	}
	section.testimonials .usaf-pic {
		border-bottom: 3px solid #007cbe;
		margin-right: 20px
	}
	section.testimonials .splide__list {
		max-height:700px
	}
	section.cases .box > div:nth-child(-n+2), section.cases .box > div:nth-last-child(-n+2) {
		border-image-slice: 1
	}
	section.cases .box > div:nth-child(odd) {
		border-right: 1px solid #4f8cc7
	}
	section.cases .box > div:nth-child(even) {
		border-left: 1px solid #4f8cc7
	}
	section.cases .box > div:nth-child(-n+2) {
		border-image-source: linear-gradient(0deg, rgba(74, 134, 192, 1) 0%, transparent 100%)
	}
	section.cases .box > div:nth-last-child(-n+2) {
		border-image-source: linear-gradient(0deg, transparent 0%, rgba(74, 134, 192, 1) 100%)
	}
	section.cases .box > div:not(:nth-last-child(-n + 2)):after {
		content: '';
		height: 2px;
		display: block;
		position: absolute;
		bottom: -1px;
		left: 0;
		width: 100%
	}	
	section.cases .box > div:nth-child(odd):after {
		background:linear-gradient(90deg, transparent 0%, rgba(74, 134, 192, 1) 100%)
	}
	section.cases .box > div:nth-child(even):after {
	    background: linear-gradient(90deg, rgba(74, 134, 192, 1) 0%, transparent 100%)
	}
	section.judgments .box:after {
        content: '';
        width: 5%;
        position: absolute;
        height: 100%;
        right: -5%;
        background: #013d76;
        top: 0
    }
	section.attorneys .top .col-auto > p {
	    font-size: clamp(13px, 4vw, 16px)
	}
	section.attorneys .meet h4 {
		max-width: 60%;
		height: 175px;
		display: flex;
		align-items: center;
		position: relative
	}
	section.attorneys .meet h4:before {
		content: '';
		background-color: var(--color6);
		width: 90vw;
		height: 2px;
		position: absolute;
		bottom: 0
	}
	section.attorneys .meet > div > div:has(.joseph) h4 {  
		text-align: left;
		margin-left: auto
	}
	section.attorneys .meet > div > div:has(.joseph) h4:before {
		right: 10vw
	}
	section.attorneys .joseph img {
		position: absolute;
		left: 0;
		max-width: 115px
	}
	section.attorneys .meet > div > div:has(.ben) h4 {
		text-align: right;
		margin-right: auto
	}
	section.attorneys .meet > div > div:has(.ben) h4:before {
		left: 10vw
	}
	section.attorneys .ben img {
		position: absolute;
		right: 0;
		max-width: 132px
	}
}