.site-footer strong a {
    color: #fff;
    font-weight: 900 !important;
}

.site-footer a {
	font-weight:400!important;
}
@media screen and (max-width: 1500px) {
    nav li {
        padding: 0px;
    }
	#site-header-container .menu-primary-menu-container {
        margin: 0;
        padding-top: 10px;
    }
}

nav ul li ul li:active, nav ul li ul li:hover {
    background: #466384;
    color: #fff;
}

@media screen and (max-width: 800px) {
    .header-practice {
        background: #000!important;
    }
}

@media screen (max-width: 1500px){
	.logo-block-holder {
	flex-wrap: nowrap!important;
}
}

@media screen (min-width: 600px) and (max-width: 900px) {
    .logo-block {
        width: auto;
    }
}

@media(max-width: 1024px) {
	.logo-block-holder {
		flex-wrap: wrap;
	}
}

.site-footer-container {
	width: 98%!important;
}

.map-at-the-end {
    max-width: 100%;
    margin-left: 0;
    border: 1px solid #083C61;
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 40px;
}

/* Flexbox Layout for the Info and Map Columns */
.map-info {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.info-column {
    width: 48%;  /* Make it take up 48% of the space */
    background-color: #ffffff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.info-column h2 {
    font-size: 24px;
    margin-bottom: 15px;
}

.info-column p {
    font-size: 16px;
    margin-bottom: 10px;
}
.info-column-center {
	margin: auto;
	padding: 10px;
}
/* Map Embed Styling */
.embed-map {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
}

.embed-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Map Column */
.map-column {
    width: 48%;  /* Make it take up 48% of the space */
}

@media (max-width: 768px) {
    .map-info {
        flex-direction: column;
    }

    .info-column,
    .map-column {
        width: 100%;
    }
	.map-at-the-end {
		padding:10px;
	}
}


/*Bottom Map
.map-at-the-end h2 {
	margin-top:0px!important;
	margin-bottom: 15px;
}

.map-at-the-end p {
	line-height:1.1em;
	padding: 0 0 5px;
}

.iframemap {
	width:auto;
	margin:0 auto;
}

.embed-map {
	margin-top: 30px;
}

.embed-map {
      position: relative;
      width: 100%;
			height: 50%;
      padding-bottom: 56.25%;
      height: 0;
      overflow: hidden;
    }

    .embed-map iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0;
    }

.map-at-the-end {
    max-width: 100%;
    margin-left: 0%;
    border: 1px solid #083C61;
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 40px;
		width: 50%;

}
*/

.table-striped th, .table-striped td {
	padding-right: 10px;
  padding-left: 10px;
}
.table-striped {
	width: 100%;
	margin: 0 auto;
}


.one-half-results1 {
	width: 30%;
	float:left;
	display:block;
	margin-right:15px;
	margin-top:15px;
}

.one-half-results2 {
	width: 55%;
	float:left;
	display:block;
	margin-left: 50px;
}

.jump-box {
    padding: 1% 7% !important;
		margin-left: 15px;
}

@media screen and (max-width: 500px){
	.one-half-results1 {
	width: 100%;
	float:left;
	display:block;
}
	.one-half-results2 {
	width: 100%;
	float:left;
	display:block;
	margin-left: 0px;
}
	.jump-box {
    padding: 1% 5% !important;
    margin-left: 0px;
}
	.jump-box h2 {
		text-align: center;
	}
}

.child-pages-sidebar ul {
    padding: 20px 10px 10px 25px;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

#main ul {
    list-style: disc!important;
}

#main ul {
    margin: 0 0 20px 30px;
}

.child-pages-sidebar h3 {
    text-align: center;
    font-family: 'Archivo', sans-serif;
    font-size: 22px;
    font-weight: 9;
    line-height: 22px;
    letter-spacing: 2px;
    padding: 20px 0;
}

.child-pages-sidebar {
    background: #EBEBEB;
    margin: 0px 0 40px;
}

.inner-link-pages-sidebar h3 {
    padding: 15px 20px 15px;
    text-align: center !important;
    font-family: 'Archivo', sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0;
    text-align: left;
}

.inner-link-pages-sidebar {
    background: #ebebeb;
    margin-bottom: 40px;
}

@media screen and (max-width: 2000px) {
        .logo-block {
   padding: .5% .6% 1.5%!important;
        }
    }

@media screen (min-width: 2000px) and (max-width: 2900px) {
.logo-block {
        padding: .5% .3% .5% !important;
    }

}

.logo-block {
	    padding: .5% 1%;
}


.containernew {
	width: 100%;
}

@media screen and (max-width: 1920px) {
  .footer-logos {
    margin: 0px 0px 0px 0px!important;
  }
}

.footer-logos {
    margin: 0px 0px 0px 0px!important;
}

#footer-logo-wrap {
    padding: 10px 0 !important;
}
ul.attny-blocks li {
	margin-left:0px!important;
}

@media screen and (min-width: 500px){
.staff-blocks li {
    float: left;
    padding: 2%;
    width: 45%;
}
}

ul.staff-blocks li:nth-child(odd) {
    clear: left!important;
}

ul.staff-blocks li {
    list-style: none!important;
}
#site-header-container nav a {
		list-style: none!important;
}

nav li {
		list-style: none!important;
}
ul#menu-primary-menu.nav-menu {
}

.child-pages-sidebar ul {
    padding: 20px 10px 10px 15px;
}

.child-pages-sidebar li {
	margin-left: 5px;
}
ol, ul {
    list-style: disc;
}

li {
	list-style-type:disc;
	margin-left: 25px;
}

ul.check-list li:before {
    content: "\f00c";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    margin-right: 15px;
}
.page-header ul.check-list li {
    margin: 12px 0!important;
}
.header-form {
	position: relative;
	z-index: 9;
}
.scott-story .hb-half {
	background: #000;
}
.cta-box1 {
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-image: url(/wp-content/uploads/2024/03/cta-1-background.png);
    background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 290px;
}
.cta-box1 p {
	font-size: 29px;
	color: #1D2C56;
	font-weight: bold;
	line-height: 1.3em;
	margin-bottom: 30px;
}
.cta-box1 p span {
	display: block;
}
.cta-box1 a {
	font-size: 18px;
	color: #fff;
	background: #00689C;
	border: 2px solid #1D2C56;
	padding: 7px 50px;
	text-transform: uppercase;
	font-weight: bold;
}

.cta-box2 {
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-image: url(/wp-content/uploads/2024/03/cta-2-background.jpg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 290px;
	position: relative;
}
.cta-box2 p {
	font-size: 29px;
	color: #FFF;
	font-weight: bold;
	line-height: 1.3em;
	margin-bottom: 30px;
}
.cta-box2 a {
	position: absolute;
	bottom: -20px;
	color: #1D2C56;
	font-size: 18px;
	background: linear-gradient(90deg, rgba(253,241,82,1) 0%, rgba(212,160,14,1) 100%);
	padding: 7px 50px;
	text-transform: uppercase;
	font-weight: bold;
	border: 2px solid #1D2C56;
}

.cta-box3 {
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-image: url(/wp-content/uploads/2024/03/cta-3-background-1.jpg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 350px;
	padding-left: 25%;
}
.cta-box3 p {
	font-size: 29px;
	color: #FFF;
	font-weight: bold;
	line-height: 1.3em;
	margin-bottom: 30px;
}
.cta-box3 p span {
	display: block;
}
.cta-box3 a {
	color: #1D2C56;
	font-size: 18px;
	background: linear-gradient(90deg, rgba(253,241,82,1) 0%, rgba(212,160,14,1) 100%);
	padding: 7px 50px;
	text-transform: uppercase;
	font-weight: bold;
	border: 2px solid #1D2C56;
}

.cta-box4 {
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-image: url(https://cdn1.trantololaw.com/wp-content/uploads/2024/03/cta-4-background.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 350px;
}
.cta-box4 p {
	font-size: 29px;
	color: #FFF;
	font-weight: bold;
	line-height: 1.3em;
	margin-bottom: 30px;
}

.cta-box4 a {
	color: #1D2C56;
	font-size: 18px;
	background: linear-gradient(90deg, rgba(253,241,82,1) 0%, rgba(212,160,14,1) 100%);
	padding: 7px 50px;
	text-transform: uppercase;
	font-weight: bold;
	border: 2px solid #1D2C56;
}

.cta-box5 {
		background-color: #1A284D;
    width: 100%;
    margin: 0 auto;
	  display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    position: relative;
	  margin-top: 120px;
}

.cta-box5::before,
.cta-box5::after {
	content: '';
	background-color: #008ae4;
	position: absolute;
	top: 0px;
	width: 1px;
	height: 20px;
}

.cta-box5::before {
	left: 20%;
}

.cta-box5::after {
	left: calc(20% + 10px);
}

@media(max-width: 1366px) {
	.cta-box5 {
		 margin-top: 90px;
	}
}

@media(max-width: 1024px) {
	.cta-box5 {
		 margin-top: 70px;
	}
	.cta-box5::before {
	left: 30%;
	}
	.cta-box5::after {
		left: calc(30% + 10px);
	}
}

.cta-box5__image {
	position: absolute;
  bottom: 0px;
  left: 0px;
  width: 20%;
  max-width: 320px;
	max-height: 200px;
  height: 200px;
}

.cta-box5__image img {
    height: 100%;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: bottom;
}

.cta-box5__text {
	font-family: 'Archivo', sans-serif;
	font-size: 31px;
	font-weight: 900;
	text-align: left;
	color: #FFF;
	 position: relative;
  left: 20%;
  width: 100%;
  padding-right: 23%;
}

.cta-box5__text p,
.cta-box6__text p {
	margin-bottom: 0px;
	line-height: 1em;
	font-family: 'FKScreamer';
    font-size: 40px;
	letter-spacing: 0.03em;
}

.cta-box5 a {
	width: 20%;
	padding: 10px;
  text-align: center;
}

@media(max-width: 1024px) {
	.cta-box5 {
		display: flex;
    flex-direction: column;
    align-items: flex-start;
	}
	.cta-box5__image {
		width: 50%;
    left: -30px;
	}
	.cta-box5__text {
		left: 0px;
    width: 70%;
    margin-left: 30%;
    padding-right: 0px;
    margin-bottom: 20px;
	}
	.cta-box5 a  {
		width: 70%;
    margin-left: 30%;
	}
}

.cta-box5 a, .cta-box6 a {
    background: linear-gradient(89.6deg, #FDF152 2.99%, #D5A00E 99.64%);
    box-shadow: 0px 4px 23px 3px #00000040;
    color: #000;
    position: relative;
}

.cta-box6 {
	background-color: #1A284D;
   margin: 0 auto;
	    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
  justify-content: space-between;
	margin-top: 120px;
}

/* .cta-box6::after {
		content: '';
    background-color: #F3C33C;
    position: absolute;
    top: calc(50% + 22px);
    right: 0px;
    width: 20%;
    height: 1px;
}
 */
/* .cta-box6::before {
    content: '';
    background-color: #F3C33C;
    position: absolute;
    top: 50%;
    right: 0px;
    width: 50%;
    height: 1px;
}

@media(max-width: 768px) {
	.cta-box6::before {
		top: unset;
		bottom: 10px;
	}
	.cta-box6::after  {
		top: unset;
    bottom: 30px;
	}
} */

@media(max-width: 1024px) {
	.cta-box6  {
		margin-top: 40px;
	}
}

@media(max-width: 768px) {
	.cta-box6  {
		margin-top: 70px;
		display: flex;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
	}
	.cta-box6__text {
		padding-top: 20px;
	}
}
.cta-box6__text-button {
		left: 20px;
    width: 100%;
    position: relative;
    margin-right: 40%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
}

.cta-box6__text {
		font-family: 'Archivo', sans-serif;
	font-size: 31px;
	font-weight: 900;
	text-align: left;
	color: #FFF;
	position: relative;
  width: 70%;
}

.cta-box6__image {
	position: absolute;
  bottom: 0px;
  right: 0px;
  width: 35%!important;
	height: 200px;
	max-height: 200px;
}

.cta-box6__image img {
    height: 100%;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: bottom;
}

.cta-box6__logo {
	padding: 3px;
  background-color: #466384;
	min-height: 80px;
	height: fit-content;
	width: fit-content;
	display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
	width: fit-content;
}

.cta-box6__logo img {
	height: 100%;
	width: 100px;
	max-height: 70px;
	transform: rotate(270deg);
}

.cta-box6 a {
    position: relative;
    padding: 10px;
    width: 30%;
    left: 0px;
    text-align: center;	
}

@media (max-width: 768px) {
	.cta-box6 {
		 padding: 10px;
	}
	.cta-box6__logo {
		position: absolute;
    top: -30px;
    left: 0px;
		width: 100%;
		min-height: 30px;
	}
	.cta-box6__logo img  {
		transform: rotate(0deg);
		height: 30px;
	}
	
	.cta-box6__text-button {
		left: 0px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 43%;
    margin-right: 0px;
    z-index: 5;
}

	.cta-box6__text-button {
		left: 0px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 50%;
    margin-right: 0px;
	}
	
	.cta-box6__text {
		width: 100%;
	}
	.cta-box6 a {
		    width: 100%;
	}
	.cta-box6__image {
	position: absolute;
  bottom: 0px;
  right: -4px;
  width: 70%!important;
	height: 200px;
	max-height: 200px;
}
}


b {
	font-weight:600!important;
}
@media (max-width: 768px) {
	.page-template-pt-practice-area #content-wrap {
    flex-direction: column-reverse !important;
    display: flex;
}
	.switch-sections {
    display: flex;
    flex-direction: column-reverse;
}
}

.theme-button, input[type="submit"], button {
	font-size: 22px;
}

.table-of-contents-sidebar h3 {
	font-weight: 400;
}

.sidebar-form-style h3 {
	font-weight: 400;
}

div#ez-toc-container ul.ez-toc-list a {
	font-weight: 600;
}

.body {
	font-size: 18px!important;
}
@media screen and (max-width: 500px){
.practice-area h1 {
    font-size: 38px;
    line-height: 1.2;
    text-transform: capitalize;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
		color: #284184;
}
	.practice-area {
		background: #fff;
	}
}

ul.sidebar-toc li:after {
	content: "\f101";
	font-family: 'Font Awesome\ 5 Free';
	font-weight: 900; 
	margin-right: 15px;
}

#ez-toc-container {
	display:none;
}

.scott-story {
	background: #000; 
	display: flex; 
	align-items: center; 
	flex-direction: row; 
	justify-content: space-evenly;
	padding: 20px 20px 20px 20px;
}

@media only screen and (max-width: 600px){
	.youtube-video {
  aspect-ratio: 16 / 9;
  width: 100%;
}
	.body, p {
	font-size: 16px!important;
}
	.header-form {
	position: relative;
	z-index: 9;
}
	.scott-story {
	background: #000; 
	display: flex; 
	align-items: center; 
	flex-direction: row; 
	justify-content: space-evenly;
	padding: 20px 20px 0px 20px;
}
	.home-panel-4 {
		display: none;
	}
}

.attorney-icons img {
    height: 120px;
    object-fit: contain;
}
header#site-header {
    position: fixed;
    width: 100%;
}

/*.hero-wrapper .container {
    margin-top: 90px;
}
*/
@media (max-width:799px){
	.hero-wrapper .container {
    margin-top: 180px;
  }
}

.scotts-story-and-brad, .scotts-story-and-brad .hb-half {
    background: #000;
}
.scotts-story-and-brad {
    padding: 50px 0;
}

/*Andreas changes*/
main {
	padding-top: 90px;
}

@media only screen and (max-width: 1536px) {
main {
	padding-top: 75px;
}
}
@media only screen and (max-width: 1440px) {
main {
	padding-top: 70px;
}
}

@media only screen and (max-width: 800px) {
main {
	padding-top: 100px;
}
}

@media only screen and (max-width: 600px) {
main {
	padding-top: 130px!important;
}
}

@media only screen and (max-width: 425px) {
main {
	padding-top: 165px!important;
}
}

.hero-wrapper {
	padding: 0px 0;
}
.hero-wrapper .container {
	margin-top: 30px;
	margin-bottom: 30px;
}
.home-panel-1 .one-half:first-child {
    padding-top: 60px;
}
#footer-bottom {
	text-align: center;
}
#footer-bottom .two-third {
	width: 100%;
}
/*Andreas*/

.sub-menu-columns ul.sub-menu li {
display: inline-block;
float: left;
width: 240px;
	border: solid 1px #f0f0f0;
}
.sub-menu-columns ul.sub-menu li:nth-child(odd) {
float: left;
margin-right: 0px;
}
.sub-menu-columns ul.sub-menu li:nth-child(even) {
float: right;
}
.sub-menu-columns .sub-menu {
    width: 485px;
}

nav {
	white-space: nowrap;
}

/*ANDREAS*/
@media only screen and (max-width: 600px) {
	.row {
  display: flex;
}

.column {
  flex: 49%;
}
	.column1 {
		padding-top: 60px;
  flex: 25%;
}
	.verdict-box {
    width: 98% !important;
	}
	
	ul.attny-blocks li {
    height: auto!important;
}
}

@media(min-width:1080px) {
	.locations-overview .boxed {
    min-height: 570px;
}
}

.verdict-box {
    text-align: center;
    width: 31%;
    display: inline-block;
    border: 1px solid #e3e3e3;
    min-height: 210px;
    vertical-align: top;
    margin: 1%;
    box-shadow: 0px 0px 31px 0px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 0px 31px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 31px 0px rgba(0,0,0,0.15);
    padding: 20px;
}
	.attny-blocks a.darken span em {
    font-size: 16px;
}
.attny-blocks a.darken span {
    font-size: 24px;
}

a.darken {
	color: #fff;
}

a.darken:hover {
	color: #000;
}

.ez-toc-list li.ez-toc-page-1 {
    width: 100%;
}

.post-pagination a { font-size: 16px !important;}
.sidebar-form { top:25% !important; }
#breadcrumbs span i {
    margin: 0 5px;
}
.areasweserve-img {
    padding-bottom: 20px;
}

.areasweserve img{
opacity:1;
transition: 0.5s ease;
}

.areasweserve img:hover{
opacity:0.5;
transition: 0.5s ease;
}

.fourth {
	width: 23%;
  margin: 1%;
	display: block;
  float: left;
}
@media only screen and (max-width: 600px){
.fourth {
    width: 48%;
    margin: 1%;
    display: block;
    float: left;
	}
}

.table-of-contents-sidebar {
    width: 100%;
    overflow: hidden;
    background: #EBEBEB;
}
.table-of-contents-sidebar div#ez-toc-container {
    background: transparent;
    display: block;
    width: 100%;
    border: none;
}
.table-of-contents-sidebar div#ez-toc-container li a:before {
    display: none;
}
.table-of-contents-sidebar div#ez-toc-container li a {
    display: block;
    text-transform: none!important;
    /*border-top: 1px solid #CCCCCC;*/
    padding: 10px 0;
/* 	  color: #066094 !important; */
		padding: 10px 15px !important;
		font-size: 17px!important;
}
.cta-sidebar-call {
    box-shadow: 0px 4px 26px 7px #0000002B;
    text-align: center;
    position: relative;
    margin: 60px 0;
}
/* .cta-sidebar-call h3 {
    font-family: 'Archivo', sans-serif;
    font-size: 23px;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: -0.03em;
    padding-top: 20px;
    margin: 0px 15px 0px 15px;
}
.cta-sidebar-call a {
    background: #1D2C56;
    font-family: 'Archivo', sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 0.05em;
    color: #ffffff;
    position: absolute;
    bottom: -20px;
    left: 10%;
    width: 80%;
    padding: 7px 0;
} */
.inner-link-pages-sidebar {
background: #EBEBEB;
	margin-bottom: 40px;
}
.inner-link-pages-sidebar h3 {
	padding: 15px 20px 5px;
	text-align: center !important;
	font-family: 'Archivo', sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 22px;
	letter-spacing: 0em;
	text-align: left;

}
.child-pages-sidebar {
    margin: 0px;
}
.child-pages-sidebar h3 {
   	text-align: center;
    font-family: 'Archivo', sans-serif;
    font-size: 22px;
    font-weight: 9;
    line-height: 22px;
    letter-spacing: 2px;
    padding: 20px 0;
}
.child-pages-sidebar li {
	line-height: 1.3em;
  padding-bottom: 10px !important;
}
.child-pages-sidebar ul li {
    padding: 1px 0;
		margin-right: 10px;
}	
.child-pages-sidebar ul li a {
    font-family: 'Archivo', sans-serif;
    font-size: 17px;
    font-weight: 500;
    line-height: 1em;
    letter-spacing: 0em;
    text-align: left;
    color: #000000;
}
.child-pages-sidebar ul {
		padding: 20px 10px 10px 25px;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

@media only screen and (min-width: 2300px){
		.container {
			max-width: 1920px!important;
	}
	.sidebar-form {
		padding: 1.5%;
	}

}

.contact-form #form,
.contact-form-heading {
	font-size: 2em;
    margin: 10px 0px 20px 85px;
    color: #1d2c56;
    text-transform: uppercase;
    line-height: 1;
    font-weight: 900;
}

@media(max-width: 1600px) {
	.contact-form #form,
.contact-form-heading {
	font-size: 1.4em;
	}
}

.sidebar-form-style p.contact-form-heading {
	color: #fff;
	 margin: 10px 0px 20px 10px;
}

@media(max-width: 640px) {
	.staff-blocks li {
		margin: 0px;
	}
}


/* Testimonials 2024 */
.ttl-fullwidth-page .content-area-single {
	float: none !important;
	margin: 0 auto !important;
	width: 100% !important;
	max-width: 100% !important;
}

.testimonials-header__row {
		padding-top: 24px;
	  display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
	z-index: 1;
}

.testimonials-header__row > div {
	width: 50%;
}

.testimonials-header__text {
	background-color: #f4f7fc;
	padding: 80px 100px 80px 40px;
}

.testimonials-header__text h1 {
	font-size: 50px;
	color: #0e5194;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 1.3em;
}

.testimonials-header__ad {
	position: relative;
}

.testimonials-header__ad::before {
	content: '';
}

.testimonials-header__ad__button {
    position: absolute;
    background-color: #00689c;
    top: calc(50% - 50px);
    left: -50px;
    height: 100px;
    width: 100px;
    border-radius: 100%;
    padding: 10px;
	transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
}

.testimonials-header__ad__button:hover {
	transform: scale(.95);
}

.testimonials-header__ad__button:active {
	transform: scale(.90);
}

.testimonials-header__ad__button a {
	  height: 100%;
    display: inline;
    width: 100%;
}

.testimonials-header__ad__button img {
	  height: 100%;
    width: 100%;
}

.testimonials-header__ad__video {
	  position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    right: 0px;
}

.testimonials-header__ad__video iframe {
	    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    right: 0px;
}

.testimonials-highlight__row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 40px;
    width: 80%;
    margin: 0 auto;
    margin-top: -15px;
    margin-bottom: 100px;
	   z-index: 5;
    position: relative;
}

.testimonials-grid__section .testimonial-grid {
	gap: 40px;
}

.testimonials-highlight__row > div {
	width: 25%;
}

.testimonials-highlight__item {
	 box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
   padding: 20px;
	    display: flex;
    flex-direction: column;
    justify-content: space-between;
	background-color: #fff;
}

.testimonials-highlight__text p {
	    font-size: 18px;
    color: #1d2c56;
    font-weight: 700;
    line-height: 1.5em;
}

.testimonials-highlight__author {
	  border-top: 2px solid #1d2c56;
    margin-top: 30px;
}

.testimonials-highlight__author p {
	color: #466384;
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 700;
    padding-top: 10px;
}

.testimonials-grid__section h2 {
	  font-size: 30px;
    text-transform: none;
	margin-bottom: 20px;
}

.testimonials-grid__section__intro {
	margin-bottom: 40px;
}

/* .testimonial-content.preview {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 6.5em;
}

.testimonial-content.preview::after {
	content: ' ...';
}

.testimonial-content.full {
    display: none;
} */

.testimonial-grid__item {
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	padding: 36px;
	position: relative;
}

.testimonial-grid__text p,
.testimonial-content {
	color: #757575 !important;
}

.testimonial-grid__details {
	   display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
}

.testimonial-grid__details__author,
.testimonial-grid__details__date {
	color: #466384;
	font-weight: 700;
	font-size: 16px;
}

.testimonial-grid__details__date {
	margin-left: 3px;
}

.testimonial-grid__text .read-more-toggle {
	    position: absolute;
    bottom: 0;
    right: 0px;
    background-color: #466384;
    color: #fff;
    font-weight: 700;
    padding: 5px 10px;
	transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
}


.testimonial-grid__text .read-more-toggle:hover {
	background-color: #002E5D !important;
}

.testimonial-grid__details {
	margin-top: 20px;
	color: #158be2;
}

.testimonials-additional__section {
	padding-top: 100px;
	padding-bottom: 100px;
}

.testimonials-additional__section h2 {
		  font-size: 40px;
    text-transform: none;
	margin-bottom: 20px;
}

.testimonials-additional button {
	margin: 0px;
    background-color: #1d2c56;
    border-radius: 0px;
    font-size: 20px;
    font-weight: 700;
}

.testimonials-additional button.active {
	background-color: #158be2 !important;
}

.testimonials-additional .tab-buttons {
	    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    gap: 20px;
}

.tab-content {
	margin-top: 30px;
}

/* Custom Contact Form 7 */
.custom-cc {
  --input-h: 50px;
  --text-h: 180px;
  --gap-size: 10px;
  --row-gap: 20px;
  --select-arrow-size: 9px;
  --font-size: 0.8rem;
  --main-color: #1d2c56;
  --main-color-light: #20AB8F;
  --secondary-color: #1d2c56;
  --light-blue: #E6F6F9;
  --dark-blue: #158be2;
  --dark: #158be2;
  --text-grey: #767B82;
  --form-input-bkg: #ffffff;
  --form-input-text: #ffffff;
  --white: #ffffff;
  --black: #000000;
  --grey-light: #F8F8F8;
  --grey-darker: #dde0df;
  --grey-darkest: #8e8e8e;
  --grey-placeholder: #b8bab9;
  --box-shadow: #23283920 0px 4px 40px;
  --font-size: 18px;
  --base-font: 'Archivo', sans-serif;
  --heading-font: 'Archivo', sans-serif;
	--checkbox-size: 25px;
  padding: 2rem 2rem 3rem 2rem;
  background: linear-gradient(90deg, var(--main-color), var(--secondary-color));
  border-radius: 0px;
}
.custom-cc__row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-content: center !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
  margin-bottom: 0px;
  margin-top: calc(var(--row-gap) + 10px);
}
@media (max-width: 990px) {
  .custom-cc__row {
    display: block !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
}
.custom-cc__row.--has-question {
  margin-top: 0px !important;
}
.custom-cc__field {
  height: var(--input-h) !important;
  position: relative;
}
.custom-cc__field:not(:last-of-type) {
  margin-right: var(--gap-size);
}
.custom-cc__field.--ten {
  width: 10% !important;
}
.custom-cc__field.--twenty {
  width: 20% !important;
}
.custom-cc__field.--thirty {
  width: 30% !important;
}
.custom-cc__field.--three {
  width: calc(100% / 3) !important;
}
.custom-cc__field.--forty {
  width: 40% !important;
}
.custom-cc__field.--fifty {
  width: 50% !important;
}
.custom-cc__field.--sixty {
  width: 60% !important;
}
.custom-cc__field.--seventy {
  width: 70% !important;
}
.custom-cc__field.--eighty {
  width: 80% !important;
}
.custom-cc__field.--ninety {
  width: 90% !important;
}
.custom-cc__field.--hundred {
  width: 100% !important;
}
@media (max-width: 990px) {
  /* Inputs Styling */
  .custom-cc__field {
    margin-bottom: calc(var(--row-gap) + 10px);
  }
  .custom-cc__field.--ten, .custom-cc__field.--twenty, .custom-cc__field.--thirty, .custom-cc__field.--three, .custom-cc__field.--forty, .custom-cc__field.--fifty, .custom-cc__field.--sixty, .custom-cc__field.--seventy, .custom-cc__field.--eighty, .custom-cc__field.--ninety {
    width: 100% !important;
    margin-right: 0px !important;
  }
}

.custom-cc__field.--input input {
  height: 100%;
  transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
	
}
.custom-cc__field.--input input:-webkit-autofill, .custom-cc__field.--input input:-webkit-autofill:focus {
  transition: background-color 600000s 0s, color 600000s 0s;
  box-shadow: inset 0px 0px 0px 110px transparent;
  /* Textarea Styling */
}
.custom-cc__field.--text {
  height: var(--text-h) !important;
  background-color: #fff;
}
.custom-cc__field.--text p {
  height: var(--text-h) !important;
}
.custom-cc__field.--text textarea {
  height: var(--text-h) !important;
  max-width: 100% !important;
  transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
	margin-top: 0px;
  /* Select Styling for Select */
}
.custom-cc__field.--select .wpcf7-form-control-wrap {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}
.custom-cc__field.--select .wpcf7-form-control-wrap select {
  width: 100%;
  height: 100%;
  background-color: var(--form-input-bkg);
  border: none;
  padding: 10px 20px;
  font-size: var(--font-size);
  font-family: var(--heading-font);
  font-weight: 700;
  box-shadow: inset 0px 0px 0px 0px var(--form-input-text);
  color: var(--dark);
  /* Remove default arrow */
  -webkit-appearance: none;
  -moz-appearance: none;
}
.custom-cc__field.--select .wpcf7-form-control-wrap select::placeholder {
  opacity: 0;
}
.custom-cc__field.--select .wpcf7-form-control-wrap select:hover {
  box-shadow: inset 0px 0px 0px 1px var(--form-input-text);
}
.custom-cc__field.--select .wpcf7-form-control-wrap select:focus {
  outline: none !important;
  box-shadow: inset 0px 0px 0px 1px var(--form-input-text);
  background-color: var(--form-input-bkg) !important;
  /* Create new arrow */
}
.custom-cc__field.--select .wpcf7-form-control-wrap::before {
  content: "";
  background-color: transparent;
  position: absolute;
  top: calc((var(--input-h) / 2) - (var(--select-arrow-size) / 2));
  right: calc((var(--select-arrow-size) + 5px));
  height: var(--select-arrow-size);
  width: var(--select-arrow-size);
  border-bottom: 3px solid var(--form-input-text);
  border-right: 3px solid var(--form-input-text);
  transform: rotate(45deg);
  transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
}
.custom-cc__field.--select .wpcf7-form-control-wrap:hover::before {
  transform: rotate(225deg);
}
.custom-cc__field.--select .wpcf7-form-control-wrap.--valid::before {
  transform: rotate(135deg);
}
.custom-cc__field.--select .wpcf7-form-control-wrap.--valid:hover::before {
  transform: rotate(225deg);
  /* Styling for multiple choice checkboxes*/
}
.custom-cc__field.--checkboxes {
  --checkbox-size: 25px;
  height: fit-content !important;
}
.custom-cc__field.--checkboxes > p, .custom-cc__field.--checkboxes > .wpcf7-form-control-wrap {
  height: fit-content !important;
}
.custom-cc__field.--checkboxes .wpcf7-form-control-wrap {
  top: 5px;
}
.custom-cc__field.--checkboxes .wpcf7-not-valid-tip {
  bottom: 0px;
}
.custom-cc__field.--checkboxes .wpcf7-checkbox {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  column-gap: 15px;
}
.custom-cc__field.--checkboxes .wpcf7-list-item {
  margin-left: 0px;
  overflow: hidden;
  display: flex;
  padding: 5px;
}
.custom-cc__field.--checkboxes .wpcf7-list-item .wpcf7-list-item-label {
  font-size: 0.9em;
  line-height: 2em;
  color: var(--white);
  padding-left: calc(var(--checkbox-size) + 8px);
  font-weight: 500;
  cursor: pointer;
  font-family: var(--base-font);
  position: relative !important;
  display: block !important;
}
.custom-cc__field.--checkboxes .wpcf7-list-item .wpcf7-list-item-label:before {
  content: "";
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  border-radius: 100%;
  box-shadow: inset 0 0 0 1px var(--form-input-text), 0 0 0 0px var(--form-input-text);
  position: absolute;
  background: var(--form-input-bkg);
  left: 0px;
  top: 0px;
  transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
}
.custom-cc__field.--checkboxes .wpcf7-list-item .wpcf7-list-item-label:after {
  content: "";
  display: flex;
  width: 7px;
  height: 15px;
  border-right: 2px var(--white) solid;
  border-bottom: 2px var(--white) solid;
  position: absolute;
  left: 1px;
  top: -3px;
  transform: translateY(4.5px) translateX(9.5px) rotate(45deg);
  opacity: 0;
  transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
}
.custom-cc__field.--checkboxes .wpcf7-list-item .wpcf7-list-item-label:hover:before {
  box-shadow: inset 0 0 0 2px var(--white), 0 0 0 2px var(--main-color);
  background-color: var(--dark);
}
.custom-cc__field.--checkboxes .wpcf7-list-item .wpcf7-list-item-label:hover:after {
  opacity: 1;
}
.custom-cc__field.--checkboxes .wpcf7-list-item .wpcf7-list-item-label:active:before {
  box-shadow: inset 0 0 0 2px var(--white), 0 0 0 4px var(--main-color);
}
.custom-cc__field.--checkboxes .wpcf7-list-item input {
  position: absolute;
  left: -9999px;
  opacity: 0px;
}
.custom-cc__field.--checkboxes .wpcf7-list-item input:checked ~ .wpcf7-list-item-label:before {
  background: var(--main-color);
  box-shadow: none;
}
.custom-cc__field.--checkboxes .wpcf7-list-item input:checked ~ .wpcf7-list-item-label:after {
  opacity: 1;
  border-color: var(--white);
}
.custom-cc__field.--checkboxes .wpcf7-list-item input:checked ~ .wpcf7-list-item-label:hover:before {
  box-shadow: inset 0 0 0 2px var(--white), 0 0 0 2px var(--main-color);
}
.custom-cc__field.--checkboxes .wpcf7-list-item input:checked ~ .wpcf7-list-item-label:active:before {
  box-shadow: inset 0 0 0 2px var(--white), 0 0 0 2px var(--main-color);
}
@media (max-width: 990px) {
  .custom-cc__field.--checkboxes {
    margin-bottom: 2em;
  }
}
.custom-cc__field.--checkboxes.--long .wpcf7-checkbox {
  display: block !important;
  /* Question/text before selected options */
}
.custom-cc__field.--checkboxes, .custom-cc__field.--select {
  margin-top: 12px;
}
.custom-cc__field.--checkboxes .x-form__label, .custom-cc__field.--select .x-form__label {
  font-size: 0.7em !important;
  font-weight: 500 !important;
  top: calc((0px + 0.7em + 7px) * -1) !important;
  background-color: var(--dark) !important;
  color: var(--white) !important;
  padding: 2px 8px !important;
  line-height: 1em !important;
  left: 0px;
}
.custom-cc__field.--file {
  --box-height: 130px;
  --box-icon-size: 24px;
  height: fit-content !important;
}
.custom-cc__field.--file p {
  height: fit-content !important;
}
.custom-cc__field.--file .x-form__label {
  position: static !important;
  font-family: var(--heading-font);
  color: #000 !important;
  letter-spacing: 0px;
  font-weight: bold !important;
  font-size: 1.2em !important;
  line-height: 1.5em !important;
}
.custom-cc__field.--file .--file-holder {
  text-align: center !important;
  padding: 2em !important;
  border: 2px dashed var(--form-input-text) !important;
  border-radius: 20px !important;
  background-color: transparent !important;
  position: relative !important;
  height: var(--box-height) !important;
  margin-top: 20px !important;
  transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
}
.custom-cc__field.--file .--file-holder .--file-button-recreate {
  position: relative !important;
}
.custom-cc__field.--file .--file-holder .--file-button-recreate .--file-icon img, .custom-cc__field.--file .--file-holder .--file-button-recreate .--file-icon-success img {
  max-height: var(--box-icon-size);
  max-width: var(--box-icon-size);
  filter: var(--filter-white);
  position: relative !important;
  transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
}
.custom-cc__field.--file .--file-holder .--file-button-recreate .--file-text {
  color: var(--white);
  letter-spacing: 1px !important;
  font-size: 0.8em !important;
  font-weight: 700 !important;
  transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
}
.custom-cc__field.--file .--file-holder .--file-button-recreate .--file-icon-success {
  position: absolute !important;
  top: 0 !important;
  left: calc(50% - (var(--box-icon-size) / 2)) !important;
  z-index: 2 !important;
  height: var(--box-icon-size) !important;
  width: var(--box-icon-size) !important;
  opacity: 0;
}
.custom-cc__field.--file .--file-holder:hover .--file-button-recreate .--file-icon img {
  max-height: calc(var(--box-icon-size) * 1.5);
  max-width: calc(var(--box-icon-size) * 1.5);
  filter: var(--filter-white);
}
.custom-cc__field.--file .--file-holder:hover .--file-button-recreate .--file-text {
  color: var(--white);
}
.custom-cc__field.--file .--file-holder:active img {
  transform: scale(1.5);
}
.custom-cc__field.--file .--file-holder.--valid .--file-text {
  display: none !important;
}
.custom-cc__field.--file .--file-holder.--valid .--file-icon-success {
  opacity: 1;
  height: calc(var(--box-icon-size) * 1.5) !important;
  width: calc(var(--box-icon-size) * 1.5) !important;
}
.custom-cc__field.--file .--file-holder.--valid .--file-icon-success * {
  height: 100% !important;
  width: 100% !important;
  max-height: 100% !important;
  max-width: 100% !important;
}
.custom-cc__field.--file .--file-holder.--valid .--file-icon {
  opacity: 0;
}
.custom-cc__field.--file .--file-button {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}
.custom-cc__field.--file .--file-button .wpcf7-form-control-wrap, .custom-cc__field.--file .--file-button p {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
}
.custom-cc__field.--file .--file-button .wpcf7-form-control-wrap {
  position: relative !important;
}
.custom-cc__field.--file .--file-button input {
  height: 100% !important;
  width: 100% !important;
  position: absolute !important;
  top: 0px !important;
  left: 0px !important;
  opacity: 0 !important;
}
.custom-cc__field.--file .--file-button input[type=file]::file-selector-button {
  opacity: 0 !important;
  /* What inputs and textarea have in common */
}

.custom-cc__field.--input.--focused .custom-cc__label,
.custom-cc__field.--text.--focused:focus .custom-cc__label,
.custom-cc__field.--input.--focused:active .custom-cc__label,
.custom-cc__field.--text.--focused:active .custom-cc__label,
.custom-cc__field.--input.--focused:focus-within .custom-cc__label,
.custom-cc__field.--text.--focused:focus-within .custom-cc__label,
.custom-cc__field.--input.--focused:focus-visible .custom-cc__label,
.custom-cc__field.--text.--focused:focus-visible .custom-cc__label,
.custom-cc__field.--input.--focused:target .custom-cc__label,
.custom-cc__field.--text.--focused:target .custom-cc__label,
.custom-cc__field.--input.--focused:visited .custom-cc__label,
.custom-cc__field.--text.--focused:visited .custom-cc__label,
.custom-cc__field.--input.--validated .custom-cc__label,
.custom-cc__field.--text.--validated .custom-cc__label {
  font-size: 0.7em !important;
  font-weight: 700 !important;
  top: calc((0px + 0.7em + 7px) * -1) !important;
  color: var(--white) !important;
  padding: 2px 8px !important;
  line-height: 1em !important;
  left: 0px !important;
}

.custom-cc__field.--input input, .custom-cc__field.--text input, .custom-cc__field.--input textarea, .custom-cc__field.--text textarea {
  background-color: #fff;
  width: 100%;
  border: none;
  padding: 10px 20px;
  font-size: var(--font-size);
  font-family: var(--heading-font);
  font-weight: 700;
  box-shadow: inset 0px 0px 0px 0px var(--form-input-text);
  color: var(--main-color);
}
.custom-cc__field.--input input::placeholder, .custom-cc__field.--text input::placeholder, .custom-cc__field.--input textarea::placeholder, .custom-cc__field.--text textarea::placeholder {
  opacity: 0;
}
.custom-cc__field.--input input:hover, .custom-cc__field.--text input:hover, .custom-cc__field.--input textarea:hover, .custom-cc__field.--text textarea:hover {
  box-shadow: inset 0px 0px 0px 1px var(--form-input-text);
}
.custom-cc__field.--input input:focus, .custom-cc__field.--text input:focus, .custom-cc__field.--input textarea:focus, .custom-cc__field.--text textarea:focus {
  outline: none !important;
  box-shadow: inset 0px 0px 0px 1px var(--form-input-text);
  background-color: #fff !important;
  /* Submit button */
}
.custom-cc__field__btn {
  position: relative;
	margin: 0 auto;
}
.custom-cc__field__btn input {
  padding: 10px 50px !important;
  border: none !important;
  border-radius: 0px;
  background-color: #466384 !important;
  width: 100% !important;
  margin: 0px !important;
  color: var(--white) !important;
  font-size: 20px !important;
  font-weight: bold !important;
  transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
}
.custom-cc__field__btn input:hover {
	background: #fff !important;
	color: #002e5d !important;
}
.custom-cc__field.--submit .wpcf7-spinner {
  position: absolute !important;
}

.custom-cc__field.--submit {
	margin: 0 auto;	
}

.custom-cc__label {
  font-family: var(--base-font);
  color: #00000050;
  font-size: 16px !important;
  font-weight: 500;
  background-color: transparent !important;
  margin-bottom: 0px !important;
  position: absolute;
  top: calc(((var(--input-h) / 2) - 11px) * 1) !important;
  left: 20px;
  pointer-events: none !important;
  transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
  /* Custom checkbox */
}

.custom-cc__legal {
  margin-left: 0px;
  overflow: hidden;
  display: flex;
	position: relative;
	cursor: pointer;
}
.custom-cc__legal {
  font-size: 0.9em;
  line-height: 1.6em;
  color: var(--white);
  font-weight: 500;
  cursor: pointer;
  font-family: var(--base-font);
}
.custom-cc__legal  a {
  color: var(--dark);
}
.custom-cc__legal:before {
  content: "";
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  border-radius: 100%;
  box-shadow: inset 0 0 0 1px var(--form-input-text),
    0 0 0 0px var(--form-input-text);
  position: absolute;
  background: var(--form-input-bkg);
  left: 4px;
  top: 5px;
  transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
}
.custom-cc__legal:after {
  content: "";
  display: flex;
  width: 7px;
  height: 15px;
  border-right: 2px var(--main-color) solid;
  border-bottom: 2px var(--main-color) solid;
  position: absolute;
  left: 5px;
  top: 2px;
  transform: translateY(4.5px) translateX(9.5px) rotate(45deg);
  opacity: 0;
  transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
}

.custom-cc__legal:hover:before {
  box-shadow: inset 0 0 0 2px var(--main-color), 0 0 0 2px var(--dark);
  background-color: var(--dark);
}
.custom-cc__legal:hover:after {
  opacity: 1;
}
.custom-cc__legal:active:before {
  box-shadow: inset 0 0 0 2px var(--main-color), 0 0 0 4px var(--dark);
}

.custom-cc__legal.--agree:before {
  background: var(--dark);
  box-shadow: none;
}
.custom-cc__legal.--agree:after {
  opacity: 1;
  border-color: var(--main-color);
}
.custom-cc__legal.--agree:hover:before {
  box-shadow: inset 0 0 0 2px var(--white), 0 0 0 2px var(--main-color);
}
.custom-cc__legal.--agree:active:before {
  box-shadow: inset 0 0 0 2px var(--white), 0 0 0 2px var(--main-color);
}
@media (max-width: 990px) {
  .custom-cc__legal {
    margin-bottom: 2em;
  }
}

.custom-cc__legal p {
	cursor: pointer !important;
  position: relative;
  padding-left: calc(var(--checkbox-size) + 13px);
	height: fit-content !important;
	margin: 0;
  line-height: calc(var(--checkbox-size) + 10px);
}

.custom-cc__legal .wpcf7-form-control-wrap *,
.custom-cc__legal .wpcf7-form-control-wrap {
	cursor: pointer !important;
  position: absolute;
  top: 0px;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0px;
}

.custom-cc__legal input {
	opacity: 0;
}

.custom-cc br {
  display: none !important;
  /* If the form has questions that won't fit with Labels */
}
.custom-cc__question p {
  height: fit-content !important;
  color: var(--dark);
  font-family: var(--heading-font);
  font-weight: bold;
  letter-spacing: 0px;
  font-size: 1.3em;
}
@media (max-width: 990px) {
  .custom-cc__question {
    margin-bottom: 20px;
  }
}
/* Success Message */
.custom-cc .wpcf7-response-output {
  --padding-top: 1em;
  --padding-side: 4em;
  background-color: var(--dark) !important;
  border: none !important;
  color: var(--white) !important;
  font-family: var(--base-font) !important;
  padding: var(--padding-top) var(--padding-side) !important;
  position: relative !important;
  font-size: 0.7rem;
}
.custom-cc .wpcf7-response-output::before {
  content: "";
  display: flex;
  width: 7px;
  height: 14px;
  border-right: 2px var(--main-color-light) solid;
  border-bottom: 2px var(--main-color-light) solid;
  position: absolute;
  left: calc(var(--padding-side) - 30px);
  top: calc(var(--padding-top) + -2px);
  transform: translateY(4.5px) translateX(9.5px) rotate(45deg);
}

.custom-cc .wpcf7-not-valid-tip {
	display: block !important;
}


.testimonials-contact__section {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    position: relative;
	    justify-content: center;
}

.testimonials-contact__form-sidebar {
	background-color: #466384;
	position: relative;
	    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 20px 10px;
    align-items: center;
}

.testimonials-contact__form-sidebar__text {
	  writing-mode: vertical-rl;
    transform: scaleY(-1) scaleX(-1);
	color: #fff;
	font-weight: 700;
	font-size: 20px;
}

.custom-cc {
	padding-right: 200px;
	position: relative;
}

.custom-cc::before {
	content: '';
	background: url(https://cdn1.trantololaw.com/wp-content/uploads/2024/11/trtl_trantolaw-attorney-contact.png) no-repeat;
	background-size: contain;
	background-position: right bottom;
	position: absolute;
	bottom: 0px;
	right: -160px;
	height: calc(100% + 30px);
	width: 100%;
	pointer-events: none;
}

.testimonials-contact__form-sidebar {
	    width: 4%;
}

.testimonials-contact__form {
	    width: calc(84% - 160px);
}

@media (max-width: 990px) {
	.testimonials-header__ad {
		margin-bottom: 50px;
	}
	.testimonials-header__row {
		display: flex;
    flex-direction: column;
	}
	.testimonials-header__row > div {
		width: 100%;
	}
	.testimonials-header__ad {
		  height: 400px;
	}
	.testimonials-header__ad__button {
		height: 70px;
		width: 70px;
		max-width: 70px;
		max-height: 70px;
		top: unset;
		left: unset;
		bottom: 10px;
    right: 10px;
		display: none;
	}
	.testimonials-header__ad__video iframe {
		pointer-events: all !important;
	}
	.testimonials-header__text {
		  padding: 150px 100px 70px 40px;
	}
	
	.testimonials-highlight__row {
		display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 60px;
    gap: 20px;
	}
	.testimonials-highlight__row > div {
		width: 100%;
	}
	.testimonials-grid__section__intro {
		width: 100%;
	}
	.testimonials-grid__section .testimonial-grid {
		gap: 20px;
		grid-template-columns: 1fr;
	}
	.tab-buttons {
		display: flex !important;
    flex-direction: row!important;;
    flex-wrap: nowrap !important;;
    overflow-x: scroll !important;;
    background-color: #f4f7fc;
    padding: 10px;
	}
	.testimonials-additional button {
		font-size: 14px;
	}
	.tab-buttons::-webkit-scrollbar {
  	width: 10px; 
	}

	.tab-buttons::-webkit-scrollbar-track {
		background: #f4f7fc; 
		border-radius: 10px; 
	}

	.tab-buttons::-webkit-scrollbar-thumb {
		background-color: #1d2c56 ; 
		border-radius: 10px; 
		border: 2px solid #f4f7fc; 
	}

	.tab-buttons::-webkit-scrollbar-thumb:hover {
		background-color: #158be2 ; 
	}
	.testimonials-contact__section {
		justify-content: flex-start;
	}
	.testimonials-contact__form-sidebar {
		width: 10%;
		min-width: 70px;
	}
	.testimonials-contact__form {
		width: calc(90% - 50px);
	}
	.custom-cc::before {
		height: calc(30% + 30px);
	 right: -50px;
	}
	.custom-cc {
		padding-right: 100px;
	}
}

@media(max-width: 640px) {
	.custom-cc::before {
		display: none;
	}
	.testimonials-contact__form {
		width: 100%;
	}
	.custom-cc {
		padding-right: 2rem;
	}
	.testimonials-header__text {
		padding: 20px;
	}
	.testimonials-header__text h1 {
		font-size: 30px;
	}
	.testimonials-grid__section h2,
	.testimonials-additional__section h2 {
		font-size: 25px;
	}
}

.load-more-testimonials {
    background-color: #0e5194;
    color: #fff;
    font-weight: 700;
    padding: 10px 20px;
	display: block;
	margin: 0 auto !important;
	border-radius: 0px;
  transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
		margin-top: 30px !important;
	font-size: 18px !Important;
}

.load-more-testimonials:hover {
	    background-color: #158be2 !important;
}

.logo-block-holder {
	   display: flex;
    flex-direction: row;
}

.testimonials-carousel {
	    --swiper-navigation-size: 30px;
    position: relative;
		margin: 0 auto;
		overflow: hidden;
}

.testimonials-carousel .swiper-wrapper {
		margin-bottom: 40px;
		height: 530px;
}

.testimonials-carousel .swiper-slide {
    text-align: center;
		height: 100%;
		padding: 20px;
}

.testimonials-carousel .testimonial-item {
	  display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
	  background: linear-gradient(to top, #f4f7fc, transparent);
	border: 1px solid #1d2c5610;
}

.testimonials-carousel .testimonial-author {
		background-color: #f4f7fc;
		color: #1d2c56;
	  display: flex;
    flex-direction: column;
		padding: 10px;
		font-size: 12px;
}

.testimonials-carousel  .testimonial-content {
		padding: 20px 20px 20px 20px;
	  color: #1d2c56 !important;
		font-size: 18px;
		line-height: 1.5em;
}

.testimonials-carousel  .testimonial-content p {
	position: relative;
}

.testimonials-carousel  .testimonial-content p::before,
.testimonials-carousel  .testimonial-content p::after  {
	content: '"';
}

.testimonials-carousel .testimonial-author strong {
		font-size: 18px;
}

.testimonials-carousel .swiper-pagination-bullet-active {
	background-color: #1d2c56;
}

.testimonials-carousel  .swiper-button-prev,
.testimonials-carousel  .swiper-button-next {
    display: none !important; 
}

@media(max-width: 990px) {
	.testimonials-carousel .swiper-wrapper {
		margin-bottom: 40px;
		height: fit-content;
	}
	.testimonials-carousel .swiper-slide {
		padding: 0px;
	}
	.testimonial-grid__details {
		 display: flex;
    flex-direction: column;
	}
	.testimonial-grid__details__comma {
		display: none;
	}
	.testimonial-grid__details__date {
		margin-left: 0px;
	}
}

@media(max-width: 1440px) {
	.testimonials-highlight__row {
		width: 100%;
		gap: 20px;
	}
	.testimonials-highlight__text p {
		font-size: 16px;
	}
	.testimonials-highlight__author p {
		font-size: 16px;
	}
}

@media(max-width: 640px) {
		.testimonials-header__ad {
		  height: 220px;
	}
}

.footer-logo-white__holder {
	height: 70px !important;
	display: block;
}

.footer-logo-white {
		height: 100% !important;
	width: 120px !important;
}

@media(max-width: 800px) {
	#site-logo a {
		height: 30px !important;
	}
}

@media(max-width: 1024px) {
	.footer-box.footer-col-1 {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 10px;
        align-items: center;
        justify-content: space-between;
	}
}

@media(min-width: 1024px) {
	.footer-box.footer-col-1 {
		 display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
	}
	
}

.testimonials-contact__form-sidebar__image img {
	height: 100%;
	width: 100%;
	transform: rotate(270deg);
}

.testimonials-contact__form > div,
.testimonials-contact__form > div form,
.testimonials-contact__form .custom-cc {
	height: 100%;
}

/*Legally Reviewed By */
.legally__container {
	  position: relative;
    border: 2px solid #f4f7fc;
		margin-top: 50px;
		background: linear-gradient(to top, #f4f7fc 0%, #ffffff 100%);
		padding: 15px;
}

.legally__container:hover img {
	transform: scale(1.1);
}

.legally__link {
	  position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    opacity: 0;
    z-index: 3;
}

.legally__row-2 {
	  display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
		gap: 15px;
}

.legally__text p {
		margin-bottom: 0px;
}

.legally__row-1 {
	  position: absolute;
    top: -13px;
    left: 0px;
    width: 100%;
}

.legally__row-1 p {
	   font-size: 14px;
    text-transform: uppercase;
    font-weight: 1000;
    color: #646e8c;
    width: fit-content;
    background-color: #ffffff;
    margin: 0 auto;
    padding: 0px 30px;
}

.legally__image {
	  border-radius: 100%;
    overflow: hidden;
    box-shadow: 0px 0px 0px 5px #646e8c20;
}

.legally__image img {
	  height: 100%;
    width: 100%;
    object-fit: cover;
		transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
}

.legally__text__name {
	  font-size: 24px;
    color: #00689c;
    font-weight: 700;
}

.legally__text__role {
	  font-size: 16px;
    font-weight: 700;
    color: #1d2c56;
}

@media(max-width: 1280px) {
	.legally__text__name {
	  font-size: 20px;
	}
	.legally__text__role {
	  font-size: 14px;
	}
}

.faq-block__holder {
  --trns: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
  --question-size: 22px;
  --question-color: #4a6382;
  --question-color-hover: #0d2f5d;
  --arrow-color: #4a6382;
  --arrow-size: 20px; 
  --circle-color: #eb6d49;
  --circle-size: 26px;
  --circle-shadow-hover: #eb6d4950;
  margin-top: 20px;
  margin-bottom: 40px;
}

.faq-block__item {
  border: 2px solid var(--question-color);
  padding: 10px 0px;
	margin: 10px 0px;
	transition: var(--trns);
}

.faq-block__question {
  width: 100%;
  color: var(--question-color);
  text-align: left;
  background: none;
  border: none;
  padding: 10px calc(var(--circle-size) + 20px) 10px 10px;
  font-size: var(--question-size);
  font-weight: bold;
  cursor: pointer;
  transition: var(--trns);
  display: block;
  margin-bottom: 0px;
	margin-top: 0px;
  position: relative;
	text-transform: uppercase;
}

.faq-block__question::after {
  content: "";
  background: url(https://cdn1.trantololaw.com/wp-content/uploads/2025/04/thin-arrow-svg.svg) no-repeat;
	background-size: contain;
	background-position: center center;
  position: absolute;
  top: 18px;
  right: 22px;
  height: var(--arrow-size);
  width: var(--arrow-size);
  transform: rotate(90deg);
  transition: var(--trns);
}

.faq-block__question:hover::after {
  transform: rotate(270deg);
}

.faq-block__item.active .faq-block__question::after {
  transform: rotate(270deg);
}

.faq-block__question.active,
.faq-block__question:hover {
  color: var(--question-color-hover);
}

.faq-block__answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
  padding: 0 10px;
}

.faq-block__item.active {
	background-color: var(--question-color);
	color: #fff;
}

.faq-block__item.active .faq-block__question,
.faq-block__item.active .faq-block__answer p,
.faq-block__item.active .faq-block__answer li {
	color: #fff;
}

.faq-block__item.active .faq-block__question {
	border-bottom: 2px solid #fff;
	margin-bottom: 20px;
}

.faq-block__item.active .faq-block__answer a {
	color: #aa792a;
}

.faq-block__item.active .faq-block__question::after {
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(305deg) brightness(104%) contrast(101%);
	-webkit-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(305deg) brightness(104%) contrast(101%);
}

@media(max-width: 650px) {
	.faq-block__question::after {
		top: 13px;
    right: 18px;
	}
}

.related-article-box a:first-of-type img {
	height: 350px;
	object-fit: cover;
}

/* Homepage Icons */
.hp-pa-icons__section {
	background-color: #002F5D;
	padding: 30px 0px;
}

.hp-pa-icons__section h2,
.hp-pa-icons__section p {
	color: #fff;
}

.hp-pa-icons__section h2 {
	text-align: center;
}

.hp-pa-icons__section h2 a {
	position: relative;
	transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
}

.hp-pa-icons__section h2 a:hover {
	color: #fff;
}

.hp-pa-icons__section h2 a:before {
		content: '';
    background-color: #C81A2F;
    position: absolute;
    left: 0;
    bottom: -4px;
    height: 2px;
    width: 0%;
		transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
}

.hp-pa-icons__section h2 a:hover:before {
	width: 100%;
}

.hp-pa-icons__row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 20px;
	padding: 30px 0px;
}

.hp-pa-icons__item {
	  display: flex;
    flex-direction: column;
    align-items: center;
	position: relative;
}

.hp-pa-icons__icon {
	height: 100px !important;
}

.hp-pa-icons__icon img {
	transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
	height: 100%;
	width: 100%;
	object-fit: contain;
}

.hp-pa-icons__text {
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	margin-top: 20px;
	margin-bottom: 0px;
	width: fit-content;
	position: relative;
}

.hp-pa-icons__text:before {
	content: '';
    background-color: #C81A2F;
    position: absolute;
    left: 0;
    bottom: -4px;
    height: 2px;
    width: 0%;
		transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
}

.hp-pa-icons__item a {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: 2;
    opacity: 0;
}

.hp-pa-icons__item:hover .hp-pa-icons__icon img {
	transform: scale(.9);
}

.hp-pa-icons__item:hover .hp-pa-icons__text:before {
	width: 100%;
}

@media(max-width: 1024px) {
	.hp-pa-icons__row {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
	}
	.hp-pa-icons__row > div {
		width: calc((100% / 3) - (20px * 3));
	}
}

@media(max-width: 650px) {
	.hp-pa-icons__row > div {
		width: calc((100% / 2) - (20px * 3));
	}
}

/* Sidebar Slider */
.lex-slider-s__wrapper {
  --trns: all 0.5s cubic-bezier(0, 0.275, 0.125, 1);
  margin: 50px 0px;
  font-family: "Archivo", Arial, sans-serif;
	background-color: #002F5D;
	padding: 30px 0px;
	position: relative;
}

.lex-slider-s__slide {
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30px;
  position: relative;
  box-sizing: border-box;
	height: 100%;
}


@media(max-width: 1280px) {
	.lex-slider-s .swiper-wrapper {
		height: fit-content;
	}
}

.lex-slider-s .swiper-wrapper .swiper-slide {
	height: 100%;
	min-height: 100%;
}

.lex-slider-s__slide::after {
  content: "";
  background-color: transparent;
  position: absolute;
  top: 16px;
  left: 16px;
  height: calc(100% - 36px);
  width: calc(100% - 36px);
  border: 2px solid #fff;
}

.lex-slider-s__slide p {
  padding-bottom: 0px;
}

.lex-slider-s__sum {
  margin-bottom: 0px;
  padding-top: 15px;
}

.lex-slider-s__sum p {
  font-size: 30px !important;
  font-weight: 700;
}

.lex-slider-s__type p {
  font-size: 16px;
  font-weight: 200;
}

.lex-slider-s__type {
  padding-bottom: 0px;
}


.lex-slider-s__show-more {
	background-color: #466384;
	width: fit-content;
	margin: 0 auto;
  display: block;
  color: #fff;
  text-align: center;
  padding: 10px 15px;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 700;
	transition: var(--trns);
	margin-top: 0px;
}

.lex-slider-s__show-more:hover {
  background-color: #fff;
	color: #002F5D;
}

.lex-slider-s__heading {
  font-size: 36px;
  color: #fff;
  position: relative;
  z-index: 10;
	text-transform: uppercase;
  font-weight: 800;
  font-family: "Archivo", Arial, sans-serif;
  text-align: center;
}

.lex-slider-s {
	position: relative;
}

.lex-slider-s .swiper-wrapper {
	padding: 20px 0px 20px 0px;
}


/* Navigation Buttons */
.lex-slider-s .swiper-button-next,
.lex-slider-s .swiper-button-prev {
  height: 30px;
  width: 60px;
	bottom: 0px;
	top: unset;
}

.lex-slider-s .swiper-button-next {
	right: calc(50% - 60px);
}

.lex-slider-s .swiper-button-prev {
	left: calc(50% - 60px);
}

.lex-slider-s .swiper-button-next::after,
.lex-slider-s .swiper-button-prev::after {
  content: "";
  background-color: transparent;
  position: absolute;
  top: 6px;
  left: 0px;
  height: 10px;
  width: 10px;
  opacity: 1;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(-45deg);
  transition: var(--trns);
}

.lex-slider-s .swiper-button-next:hover::after,
.lex-slider-s .swiper-button-prev:hover::after {
  opacity: 1;
  border-color: #C81A2F;
}

.lex-slider-s .swiper-button-next:hover::before,
.lex-slider-s .swiper-button-prev:hover::before {
	background-color: #C81A2F;
}

.lex-slider-s .swiper-button-next::before,
.lex-slider-s .swiper-button-prev::before {
  content: "";
  background-color: #fff;
  position: absolute;
  top: 10px;
  height: 2px;
  width: 80%;
	transition: var(--trns);
  z-index: 4;
}

.lex-slider-s .swiper-button-next:active::after,
.lex-slider-s .swiper-button-prev:active::after {
  border-color: #466384;
}

.lex-slider-s .swiper-button-next:active::before,
.lex-slider-s .swiper-button-prev:active::before {
  background-color: #466384;
}

.lex-slider-s .swiper-button-next::before {
  left: 0px;
}

.lex-slider-s .swiper-button-prev::before {
  left: 0px;
}

.lex-slider-s .swiper-button-next::after {
	left: unset;
  right: 11px;
}

.lex-slider-s .swiper-button-prev::after {
  left: 0px;
	transform: rotate(135deg);
}

.lex-slider-s__text {
  line-height: 1.5em;
	min-height: calc(1.8em * 5); 
  max-height: calc(1.8em * 5);
  overflow: hidden;
  position: relative;
  transition: var(--trns);
}


.lex-slider-s__text::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2em;
  background: linear-gradient(to bottom, transparent, #002F5D);
  pointer-events: none;
	transition: var(--trns);
}

.lex-slider-s__slide:hover .lex-slider-s__text::after {
  opacity: 0;
}

@media (max-width: 768px) {
  .lex-slider-s__text {
    max-height: none !important;
    height: fit-content !important;
    overflow: visible !important;
  }

  .lex-slider-s__text::after {
    display: none !important;
  }
}

/* New Blog Single Layout */

.blog-meta__header {
	  display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
		gap: 40px;
		margin-top: 20px;
		margin-bottom: 40px;
    padding: 7px;
		justify-content: center;
}

.blog-meta__header > div {
	position: relative;
}

.blog-meta__header > div:not(:last-of-type)::after {
		content: '';
    background-color: #fff;
    position: absolute;
    top: 0px;
    right: -20px;
    width: 1px;
    height: 100%;
}

.blog-meta__header p {
	margin-bottom: 0px;
	line-height: 1em;
}

.blog-meta__author {
		display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
		gap: 10px;
		position: relative;
}

.blog-meta__author a {
	  position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: 2;
    opacity: 0;
}

.blog-meta__author__image {
    height: 50px;
    width: 50px;
    border-radius: 100%;
    overflow: hidden;
	  box-shadow: 0px 0px 0px 0px #00000010;
	 	transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
}


.blog-meta__author__image img {
	 height: 100%;
    width: 100%;
    object-fit: cover;
}

.blog-meta__author__text p:first-of-type,
.blog-meta__time > p,
.blog-meta__reading > p,
.blog-meta__modified > p {
	  font-size: 12px !important;
    color: #fff;
		margin-bottom: 3px;
}

.blog-meta__author__text p:last-of-type,
.blog-meta__h-container p {
    font-size: 16px;
    font-weight: 700;
	color: #fff;
}

.blog-meta__h-container {
	  display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    gap: 2px;
}

.blog-meta__author:hover .blog-meta__author__image {
	box-shadow: 0px 0px 0px 7px #00000020;
}

@media(max-width: 1366px) {
	.blog-meta__author__text p:last-of-type,
	.blog-meta__h-container p {
    font-size: 14px;
	}
}

@media(max-width: 1024px) {
	.blog-meta__header {
		 flex-wrap: wrap;
			gap: 20px;
		 justify-content: center;
	}
	.blog-meta__header > div:not(:last-of-type)::after  {
		right: -10px;
	}
	.blog-meta__header.--blog-header-archive {
		 justify-content: left;
	}
}

.breadcrumbs__holder {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  color: #000;
  font-size: 14px;
  line-height: 1em;
  font-weight: 700;
	margin: 20px 0px;
}

.breadcrumbs__holder a {
  font-size: 14px;
  line-height: 1em;
  color: #466384;
  background-color: #f2f2f2;
  padding: 3px 10px;
  border-radius: 10px;
	transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
}

.breadcrumbs__holder a:hover {
  color: #fff;
  background-color: #002E5D;
}

.breadcrumbs__holder a:active {
  color: #000;
  background-color: #f0fbfb;
}

.blog-single__hero {
	position: relative;
	padding: 100px 0px;
	text-align: center;
}

.blog-single__hero > .container {
	z-index: 1;
}

.blog-single__hero::after {
	content: '';
	background-color: #002E5DDE;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	z-index: 0;
}

.blog-single__hero-title {
	color: #fff;
	font-size: 48px;
	line-height: 1.2em;
}

@media(max-width: 1024px) {
	.blog-single__hero-title {
		font-size: 35px;
	}
}

.blog-single__button a {
	background-color: #C81A2F;
	color: #fff;
	padding: 15px 40px;
	display: block;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 24px;
	line-height: 1em;
	width: fit-content;
	text-align: center;
	margin: 0 auto;
	transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
}

.blog-single__button a:hover {
	background-color: #fff;
	color: #002E5D;
}

.custom-table {
	width: 100%;
	max-width: 600px;
	border-collapse: collapse;
	margin: 0 auto;
	margin-bottom: 20px;
	margin-top: 20px;
	td {
		padding: 0.75rem 1rem;
		border: 1px solid #ccc;
		vertical-align: top;
	}
	
	tr:nth-child(odd) {
		background-color: #083C61;
		color: #fff;
	}
	
	tr:nth-child(even) {
		color: #083C61;
	}

	@media (max-width: 767px) {
		display: block;

		tr {
			display: block;
			margin-bottom: 0rem;
		}

		td {
			display: block;
			width: 100%;
			border: 1px solid #ccc;
			margin-bottom: 0rem;
		}
	}
}

.accordion-content {
  display: none;
  transition: all 0.3s ease;
}

.accordion-content.open {
  display: table-row;
}

.location-risk-table {
  width: 100%;
  border-collapse: collapse;
  margin: 0.5em 0;
}

.location-risk-table th,
.location-risk-table td {
  text-align: left;
  padding: 0.75rem 1rem;
  border: 2px solid #fff;
  vertical-align: top;
}

.location-risk-table th {
  background-color: #f9f9f9;
  width: 20%;
	font-weight: 700;
}

.accordion-toggle {
  cursor: pointer;
	position: relative;
}

.accordion-toggle th {
  cursor: pointer;
	position: relative;
	transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
}

.accordion-toggle th::before {
    content: '';
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: transparent;
    height: 10px;
    width: 10px;
    border-right: 3px solid #C81A2F;
    border-bottom: 3px solid #C81A2F;
		transform: rotate(45deg);
	transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
}

.accordion-toggle th:hover::before {
	transform: rotate(-135deg);
}

.accordion-toggle th:hover {
	background-color: #002E5D;
	color: #fff;
}

.state-fatalities-table {
  width: 100%;
	max-width: 600px;
  border-collapse: collapse;
  margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	
	th {
		border-bottom: 1px solid #ccc;
	}

  th, td {
    font-weight: 700;
    padding: 0.75rem 1rem;
    text-align: left;
  }
	
	tr:first-of-type th:first-of-type,
	tr td:first-of-type {
		background-color: #032f5c;
		width: 50%;
		color: #fff;
		
	}
	
		tr:last-of-type th:last-of-type,
		tr td:last-of-type {
		background-color: #0c3c60;
		width: 50%;
			color: #fff;
	}

  thead {
    background-color: #f5f5f5;
    font-weight: bold;
  }

  @media (max-width: 600px) {
    th, td {
      display: block;
      width: 100%;
    }

    tr {
      display: block;
      margin-bottom: 1rem;
    }

    thead {
      display: none;
    }

    td::before {
      content: attr(data-label);
      font-weight: bold;
      display: block;
    }
		
		tr:last-of-type th:last-of-type,
		tr td:last-of-type {
			width: 100%;
		}
		
			tr:first-of-type th:first-of-type,
			tr td:first-of-type {
				width: 100%;
			}
  }
}

.common-key-factors__item {
	   display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
}

.common-key-factors__wrapper {
	display: flex;
    flex-direction: column;
    gap: 10px;
}

@media(max-width: 640px) {
	.common-key-factors__item {
		display: flex;
    flex-direction: column;
	}
}

.survey-form__holder {
    background-color: #002E5D;
    padding: 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 40px;
	   align-items: center;
	margin: 30px 0px;
}

.survey-form__column-1,
.survey-form__column-2 {
	width: 50%;
}

@media(max-width: 1024px) {
	.survey-form__column-1,
	.survey-form__column-2 {
		width: 100%;
	}
}

.survey-form__column-1 h2 {
	color: #fff;
	text-transform: none;
	font-size: 38px;
	line-height: 1.3em;
	margin-bottom: 30px;
} 

.survey-form__column-1 p {
	color: #fff;
	font-size: 20px;
}

.survey-form__column-1 .survey-form__column-1__btn {
	color: #FBBC05;
	font-size: 20px;
	margin-top: 30px;
	position: relative;
	width: fit-content;
}

.survey-form__column-1 .survey-form__column-1__btn::after {
    content: '';
    background-color: #FBBC05;
    position: absolute;
    top: 11px;
    right: -60px;
    width: 50px;
    height: 2px;
}

.survey-form__column-1 .survey-form__column-1__btn::before {
    content: '';
    background-color: transparent;
    position: absolute;
    top: 7px;
    right: -60px;
    height: 10px;
    width: 10px;
    border-top: 2px solid #FBBC05;
    border-right: 2px solid #FBBC05;
    transform: rotate(45deg);
}

.survey-form__column-2 input {
	width: 100%;
}


.survey-form__column-2 {
	position: relative;
}


.survey-form__column-2  .wpcf7-submit {
	border-radius: 0px;
	background-color: #c81a2f;
	font-weight: 700;
}

.survey-form__column-2  .wpcf7-submit:hover {
	background-color: #fff;
	color: #002E5D;
}

.survey-form__column-2 .wpcf7-spinner {
	position: absolute;
	left: 0px;
}

@media(max-width: 1024px) {
	.survey-form__holder {
		flex-direction: column;
    align-items: flex-start;
	}
	.survey-form__column-1 {
		text-align: center;
	}
}

.comparison-table {
  width: 100%;
  border-collapse: collapse;
  margin: 2rem 0;
	background-color: #002E5D;
	color: #fff;
  th, td {
    border: 1px solid #fff;
    padding: 1rem;
    text-align: left;
    vertical-align: top;
  }

  thead {
    background-color: #083c61;
  }

  @media (max-width: 768px) {
    thead {
      display: none;
    }

    tbody tr {
      display: block;
      margin-bottom: 1.5rem;
      border: 1px solid #ddd;
    }

    tbody td {
      display: block;
      padding: 0.5rem 1rem;
      border: none;
      border-bottom: 1px solid #eee;
      position: relative;
    }

    tbody td::before {
      content: attr(data-label);
      font-weight: bold;
      display: block;
      margin-bottom: 0.25rem;
    }

    tbody tr td:nth-child(1)::before { content: "Factor"; }
    tbody tr td:nth-child(2)::before { content: "Urban Highways"; }
    tbody tr td:nth-child(3)::before { content: "Rural Highways"; }
  }
}

.comparison-table__highlight {
	background-color: #c81a2f;
}

.helmet-usage-table {
  width: 100%;
  border-collapse: collapse;
  margin: 2rem 0;
	background-color: #032f5c;
	color: #fff;
	font-size: 18px;
  th,
  td {
    border: 1px solid #fff;
    padding: 0.75rem 1rem;
    text-align: center;
  }

  .table-title {
    text-align: center;
    font-size: 20px;
		font-weight: 700;
    background: #032f5c;
  }

  .helmeted {
    color: #FBBC05; 
  }

  .unhelmeted {
    color: #C81A2F; 
  }

  .total {
    color: #fff; 
  }

  @media (max-width: 768px) {
    thead {
      display: none;
    }

    tr {
      display: block;
      margin-bottom: 1.5rem;
    }

    td {
      display: block;
      text-align: right;
      padding: 0.5rem 1rem;
      border: none;
      border-bottom: 1px solid #fff;
      position: relative;
    }

    td::before {
      content: attr(data-label);
      font-weight: bold;
      float: left;
    }

    .table-title {
      display: block;
      font-size: 1rem;
      font-weight: bold;
      text-align: center;
      background: #f0f0f0;
      padding: 0.75rem;
      border: 1px solid #ccc;
      margin-bottom: 1rem;
    }
  }
}

.highways-states__holder p br {
	display: none;
}

.highways-states__holder p {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 per row on desktop */
  gap: 16px; /* adjust spacing as needed */
}

@media (max-width: 1440px) {
  .highways-states__holder p {
    grid-template-columns: repeat(2, 1fr); /* 2 per row under 1024px */
  }
}

@media (max-width: 639px) {
  .highways-states__holder p {
    grid-template-columns: 1fr; /* 1 per row under 640px */
  }
}

.state-by-state__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; 
  gap: 2rem;
  padding: 1rem;
}

.state-by-state__item {
  flex: 1 1 calc(50% - 1rem);
  box-sizing: border-box;
  padding: 2rem;
  background-color: #f9f9f9; 
}

@media (max-width: 640px) {
  .state-by-state__item {
    flex: 1 1 100%;
  }
}

.state-by-state__item:nth-last-child(1):nth-child(odd) {
  margin-left: auto;
  margin-right: auto;
}

.state-by-state__item ul {
	 margin: 0 0 20px 10px !important;
}

/* Practice Area Hero */
.pa-hero__section {
	padding-top: 40px;	
	padding-bottom: 100px;
	margin-bottom: 50px;
	position: relative;
	background-position: center center;
}

.pa-hero__section:before {
		content: '';
    background-color: #002E5DE5;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: 1;
}

.pa-hero__section > .container {
	z-index: 1;
	position: relative;
}

.pa-hero__row {
		display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
		gap: 20px;
}

.pa-hero__row > div:first-of-type {
		width: 70%;
}

.pa-hero__row > div:last-of-type {
		width: 30%;
	margin-top:-10px;
}

.pa-hero__headline p,
.pa-hero__sub-headline p {
	color: #fff;
	font-size: 46px;
	line-height: 1em;
	font-family: inherit;
	font-weight: 1000;
}

.pa-hero__checkmarks {
	margin-top: 40px;
	margin-bottom: 40px;
}

.pa-hero__checkmarks li {
	color: #fff;
	font-size: 24px;
}

.pa-hero__traits {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 50px;
	margin-top: 30px;
}

.pa-hero__traits-item {
	position: relative;
}

.pa-hero__traits-item:not(:last-of-type):before {
    content: '';
    background-color: #fff;
    position: absolute;
    top: 0px;
    right: -25px;
    height: 100%;
    width: 1px;
}

.pa-hero__traits p {
	color: #fff;
	margin-bottom: 0px;
}

.pa-hero__traits-number {
	  display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    gap: 10px;
}

.first_traits_number {
	font-weight: 100;
  font-size: 20px !important;
}
.second_traits_number {
	font-weight: 1000;
  font-size: 40px !important;
}

.pa-hero__traits-number p:first-of-type {
	font-weight: 1000;
	font-size: 40px !important;
}

.pa-hero__traits-number p:last-of-type {
	font-weight: 100;
	font-size: 20px;
}

.pa-hero__traits-number {
	border-bottom: 1px solid #fff;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.pa-hero__title {
	   position: absolute;
    bottom: -100px;
    left: 0px;
    width: 100%;
	background-color: #466384;
	padding: 20px
}

.pa-hero__title h1 {
	line-height: 1em;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight: 1000;
	color: #fff;
}

.pa-hero__column-2 {
	border: 4px solid #fff;
	padding: 30px 30px 0px 30px;
  z-index: 0;
}

.pa-hero__form-title {
	text-align: center;
  color: #fff;
  font-size: 30px;
  font-size: 24px;
  position: relative;
	width: fit-content;
	margin: 0 auto;
  margin-bottom: 30px;
  font-weight: 800;
}

.pa-hero__form-title:before {
    content: '';
    background-color: #fff;
    position: absolute;
    bottom: -15px;
    left: 35%;
    width: 30%;
    height: 2px;
}

.pa-hero__form-title:after {
    content: '';
	background: url(https://cdn1.trantololaw.com/wp-content/uploads/2020/01/checkmark-metal.png) no-repeat;
	background-size: contain;
	position: absolute;
	top: -20px;
	left: -60px;
	height: 60px;
	width: 60px;
}

@media(max-width: 1440px) {
	.pa-hero__form-title {
		 font-size: 20px;
	}
	.pa-hero__form-title:after {
			height: 40px;
		width: 40px;
		    top: -11px;
    left: -40px;
	}
}

.pa-hero__form-text {
	color: #fff;
	font-size: 18px;
	line-height: 1.3em;
	text-align: center;
}

.pa-hero__form-text a {
	color: #fff;
	font-weight: 1000;
}

.pa-hero__form input {
	width: 100%;
	height: 30px;
}

.pa-hero__form input::placeholder,
.pa-hero__form textarea::placeholder{
	color: #083C61;
}

.pa-hero__form .wpcf7-submit {
	background-color: #C81A2F;
	border-radius: 0px;
	font-weight: 1000;
}

.theme-button, input[type="submit"], button {
	height: 50%!important;
}
.wpcf7-form-control-wrap[data-name="Message"] textarea {
  height: 100px;
}

@media(max-width: 1024px) {
	.pa-hero__row {
		flex-direction: column;
	}
	.pa-hero__row > div {
		width: 100% !important;
	}
}

@media(max-width: 990px) {

	.pa-hero__traits-item:not(:last-of-type):before {
		display: none;
	}
	.pa-hero__headline p, 
	.pa-hero__sub-headline p {
		font-size: 30px !important;
		text-align: center;
	}
	.pa-hero__checkmarks li {
		font-size: 18px !important;
	}
	.pa-hero__google,
	.pa-hero__traits p {
		text-align: center;
	}
	.pa-hero__traits-item {
		width: 43%;
	}
	.pa-hero__traits {
		 display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	}
	.pa-hero__traits-number {
		justify-content: center;
	}
	.pa-hero__traits-number p:first-of-type {
		font-size: 30px !important
	}
	.pa-hero__column-2 {
		padding: 20px 20px 0px 20px;
    margin-top: 50px;
	}
	.pa-hero__form-title {
		font-size: 20px !important;
    margin-bottom: 40px !important;
    padding-bottom: 10px;
	}
	.pa-hero__section {
		padding-bottom: 230px;
	}
	.pa-hero__title {
		bottom: -230px;
	}
	.pa-hero__title h1 {
		    font-size: 30px;
    line-height: 1.3em;
	}
}

.location-tracker__holder {
  margin: 30px 0px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  padding: 40px;
  background-color: #fff;
}

@media (max-width: 650px) {
  .location-tracker__holder {
    padding: 20px;
  }
}

.location-tracker__holder h2 {
  padding: 0px;
  margin-bottom: 20px;
  font-style: normal;
  font-size: 23px;
  position: relative;
  padding-left: 30px;
  line-height: 1em;
}

.location-tracker__holder h2::before {
  content: "";
  background: url(https://cdn1.trantololaw.com/wp-content/uploads/2025/07/contact-icon-location-full.svg)
    no-repeat;
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 30px;
  width: 30px;
  filter: invert(24%) sepia(65%) saturate(3251%) hue-rotate(348deg)
    brightness(100%) contrast(89%);
  -webkit-filter: invert(24%) sepia(65%) saturate(3251%) hue-rotate(348deg)
    brightness(100%) contrast(89%);
}

/* Blog Archive */
.blog-archive__header {
  background: url(https://cdn1.trantololaw.com/wp-content/uploads/2025/07/trnt-blog-archive-bkg.jpg)
    no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
  padding: 150px 0px;
}

.blog-archive__header > .container {
  z-index: 3;
}

.blog-archive__header:after {
  content: "";
  background-color: #002e5dde;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  z-index: 0;
}

.blog-archive__header h1 {
  color: #fff;
  font-size: 48px;
  line-height: 1.2em;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 0px;
}

.blog-archive__featured {
  display: flex;
  flex-direction: row;

  align-content: stretch;
  align-items: stretch;
}

.blog-archive__featured-image {
  width: 30%;
}

.blog-archive__featured-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center center;
}

.blog-archive__featured-text {
  width: 70%;
  padding: 100px;
  background-color: #d2d9e3;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
}

.blog-archive__featured-title {
  font-size: 40px;
  text-transform: none;
  margin-top: 0px;
  margin-bottom: 0px;
}

.blog-archive__featured-details {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
}

.blog-archive__featured-btn a {
  color: #c81a2f;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 18px;
  position: relative;
  transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
}

.blog-archive__featured-btn a:before {
  content: "";
  background-color: #c81a2f;
  position: absolute;
  top: 9px;
  left: calc(100% + 10px);
  width: 50px;
  height: 2px;
  transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
}

.blog-archive__featured-btn a:after {
  content: "";
  background-color: transparent;
  position: absolute;
  top: 5px;
  right: -60px;
  width: 10px;
  height: 10px;
  border-right: 2px solid #c81a2f;
  border-bottom: 2px solid #c81a2f;
  transform: rotate(-45deg);
  transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
}

.blog-archive__featured-btn a:hover:before {
  width: 60px;
  background-color: #466384;
}

.blog-archive__featured-btn a:hover:after {
  right: -70px;
  border-right: 2px solid #466384;
  border-bottom: 2px solid #466384;
}

.blog-archive__featured-btn a:hover {
  color: #466384;
}

.blog-archive__featured-btn a:active:before {
  width: 70px;
}

.blog-archive__featured-btn a:active:after {
  right: -80px;
}

.blog-archive__featured-excerpt {
  margin: 20px 0px;
}

.blog-archive__featured-author a {
  color: #002f5d;
  font-weight: 700;
  transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
}

.blog-archive__featured-author a:hover {
  color: #466384;
}

@media (max-width: 1024px) {
  .blog-archive__featured-image {
    width: 100%;
    height: 250px;
  }
  .blog-archive__featured-text {
    padding: 30px;
    width: 100%;
  }
  .blog-archive__featured-details,
  .blog-archive__featured {
    flex-direction: column;
  }
}

@media (max-width: 640px) {
  .blog-archive__header {
    padding: 100px 0px;
  }
  .blog-archive__header h1 {
    font-size: 38px;
  }
  .blog-archive__featured-title {
    font-size: 30px;
  }
}

.blog-archive__search-cateogries {
  padding: 70px 0px;
}

.blog-archive__search {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.blog-archive__search p {
  margin-bottom: 0px;
  font-size: 34px;
  color: #083c61;
  font-weight: 700;
}

.blog-archive__search-form {
  background: #466384;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
}

.blog-archive__search-form:hover,
.blog-archive__search-form:focus {
  box-shadow: 0px 0px 0px 4px #46638450;
}

.blog-archive__search-input {
  background: #466384 !important;
  color: #fff !important;
  border: none !important;
  font-size: 28px !important;
  outline: none !important;
}

.blog-archive__search-input:focus {
  outline: none !important;
}

.blog-archive__search-button {
  border-radius: 0px !important;
  margin: 0px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.blog-archive__search-button:hover {
  background: none;
}

.blog-archive__search-button:hover img {
  transform: scale(0.9);
  transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
}

.blog-archive__search-function img {
  height: 30px;
  width: 30px;
  filter: invert(100%) sepia(29%) saturate(157%) hue-rotate(194deg)
    brightness(117%) contrast(100%);
}

@media (max-width: 1024px) {
  .blog-archive__search-cateogries {
    padding: 40px 0px;
  }
  .blog-archive__search {
    flex-direction: column !important;
  }
  .blog-archive__search p {
    font-size: 20px !important;
    margin-bottom: 20px;
  }
  .blog-archive__search-input {
    font-size: 20px !important;
  }
}

.blog-archive__categories {
  margin-top: 30px;
}

.blog-archive__categories-list {
  margin-left: 0px;
  list-style: none !important;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 50px;
  row-gap: 20px;
  margin: 0px !important;
}

.blog-archive__categories-list li {
  margin-left: 0px !important;
  list-style: none !important;
}

.blog-archive__categories-list li a {
  font-size: 22px;
  color: #083c61;
  position: relative;
  transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
}

.blog-archive__categories-list li a:hover {
  color: #466384;
}

.blog-archive__categories-list li:not(:last-of-type) a:after {
  content: "";
  background: #083c61;
  position: absolute;
  bottom: -5px;
  right: -25px;
  height: calc(100% + 10px);
  width: 1px;
}

@media (max-width: 1024px) {
  .blog-archive__categories-list {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    align-items: flex-start;
    gap: 15px;
  }
  .blog-archive__categories-list li:not(:last-of-type) a:after {
    bottom: -9px;
    width: 100%;
    right: 0px;
    height: 1px;
  }
  .blog-archive__categories-list li a {
    display: block;
    width: 100%;
    font-size: 18px !important;
  }
  .blog-archive__categories-list li {
    width: 100%;
  }
}

.blog-archive__grid {
  --img-h: 300px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;

  @media (max-width: 1024px) {
    grid-template-columns: repeat(2, 1fr);
  }

  @media (max-width: 640px) {
    grid-template-columns: 1fr;
  }
}

.blog-archive__posts-image {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  height: var(--img-h);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  position: relative;
  background-color: #002e5d;
  transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
}

.blog-archive__posts-image:after {
  content: "";
  background-color: #c81a2fb5;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  z-index: 1;
  transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
  opacity: 0;
  pointer-events: none;
}

.blog-archive__posts-image p {
  position: relative;
  z-index: 2;
  color: #fff;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 0px;
  margin-top: 40px;
  transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
  opacity: 0;
  bottom: -20px;
  pointer-events: none;
}

.blog-archive__posts-image p:after {
  content: "";
  background: url(https://cdn1.trantololaw.com/wp-content/uploads/2025/07/trnt_arrow-checkmark.svg)
    no-repeat;
  background-size: contain;
  position: absolute;
  top: -40px;
  left: calc(50% - 20px);
  height: 40px;
  width: 40px;
  pointer-events: none;
  transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
}

.blog-archive__item {
  border: 3px solid #002e5d;
  position: relative;
  transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
  box-shadow: 0px 0px 0px 0px #002e5d50;
}

.blog-archive__item > a {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  opacity: 0;
}

.blog-archive__details {
  padding: 20px;
}

.blog-archive__item h2 {
  margin-top: 0px;
  margin-bottom: 10px;
  text-transform: none;
  font-size: 26px;
  line-height: 1.3em;
}

.blog-archive__top {
  margin-bottom: 30px;
}

.blog-archive__bottom__author {
  margin-bottom: 0px;
  color: #002f5d;
  font-size: 16px;
  font-weight: 700;
}

.blog-archive__bottom__date {
  margin-bottom: 0px;
  color: #466384;
  font-size: 13px;
  font-weight: 700;
}

.blog-archive__details {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: calc(100% - var(--img-h));
}

.blog-archive__item:hover .blog-archive__posts-image:after,
.blog-archive__item:hover .blog-archive__posts-image p {
  opacity: 1;
}

.blog-archive__item:hover .blog-archive__posts-image p {
  bottom: 0px;
}

.blog-archive__item:active .blog-archive__posts-image p:after {
  transform: scale(1.1);
}

.blog-archive__item:hover .blog-archive__posts-image {
  background-position: 50% 40%;
}

.blog-archive__item:hover {
  box-shadow: 0px 0px 0px 6px #002e5d50;
}

.blog-archive__item:active {
  box-shadow: 0px 0px 0px 8px #002e5d50;
}

.blog-archive__pagination {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
}

@media (max-width: 1440px) {
  .blog-archive__grid {
    --img-h: 200px;
  }
}

.blog-archive__cta-form-section {
  position: relative;
  padding: 70px 0px;
  margin-top: 70px;
}

.blog-archive__cta-form-section::before {
  content: "";
  background: url(https://cdn1.trantololaw.com/wp-content/uploads/2025/07/trnt-blog-archive-form-bkg.jpg)
    no-repeat;
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  z-index: 0;
}

.blog-archive__cta-form-section::after {
  content: "";
  background: linear-gradient(to right, #002e5d, #466384);
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  opacity: 0.9;
  z-index: 2;
}

.blog-archive__cta-form-section > .container {
  position: relative;
  z-index: 3;
}

.blog-archive__cta-form-row {
  display: flex;
  flex-direction: row;
  gap: 20px;
}

.blog-archive__cta-form-row > div {
  width: 50%;
}

.blog-archive__cta-text h2 {
  color: #fff;
  font-size: 70px;
  line-height: 1.1em;
  margin-bottom: 0px !important;
}

.blog-archive__cta-text p {
  color: #fff;
  font-size: 33px;
  line-height: 1.3em;
  margin: 30px 0px;
}

.blog-archive__btn {
  text-transform: uppercase;
  background: #c81a2f !important;
  color: #fff;
  padding: 15px 40px;
  font-size: 33px;
  font-weight: 700;
  display: block;
  width: fit-content;
  margin-top: 40px;
  transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
}

.blog-archive__btn:hover {
  background: #466384 !important;
  color: #fff;
}

.site-footer {
  margin-top: 0px;
}

.blog-archive__cta-form input {
  width: 100%;
}

.blog-archive__cta-form input.wpcf7-submit {
  background-color: #002e5d;
  font-weight: 700;
}

.blog-archive__cta-form input.wpcf7-submit:hover {
  background-color: #466384;
}

@media (max-width: 1024px) {
  .blog-archive__cta-form-row {
    flex-direction: column;
  }

  .blog-archive__cta-form-row > div {
    width: 100%;
  }
}

@media (max-width: 640px) {
  .blog-archive__cta-text h2 {
    font-size: 40px;
  }
  .blog-archive__cta-text h2,
  .blog-archive__cta-text p {
    text-align: center;
  }
  .blog-archive__cta-text p {
    margin: 20px 0px !important;
  }
  .blog-archive__btn {
    margin: 0 auto;
    margin-top: 20px;
  }
}

.blog-archive__back {
  margin-bottom: 40px !important;
}

.blog-archive__back-btn {
  color: #c81a2f;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 18px;
  position: relative;
  transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
  padding-left: 50px;
}

.blog-archive__back-btn:before {
  content: "";
  background-color: #c81a2f;
  position: absolute;
  top: 9px;
  left: calc(0% + 10px);
  width: 30px;
  height: 2px;
  transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
}

.blog-archive__back-btn:after {
  content: "";
  background-color: transparent;
  position: absolute;
  top: 5px;
  left: 10px;
  width: 10px;
  height: 10px;
  border-left: 2px solid #c81a2f;
  border-top: 2px solid #c81a2f;
  transform: rotate(-45deg);
  transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
}

.blog-archive__back-btn:hover {
  padding-left: 60px;
  color: #466384;
}

.blog-archive__back-btn:hover:before {
  background-color: #466384;
  width: 40px;
}

.blog-archive__back-btn:hover:after {
  border-left: 2px solid #466384;
  border-top: 2px solid #466384;
}

/* Related Section */
.blog-single__related-articles {
  --img-h: 300px;
  --section-pad: 60px;
  background-color: #083c61;
  padding: var(--section-pad);
  position: relative;
}

@media (max-width: 1024px) {
  .blog-single__related-articles {
    --section-pad: 40px;
  }
}

@media (max-width: 640px) {
  .blog-single__related-articles {
    --section-pad: 20px;
  }
}

.blog-single__related-articles__dec-1,
.blog-single__related-articles__dec-2,
.blog-single__related-articles__dec-3,
.blog-single__related-articles__dec-4 {
  position: absolute;
  height: 70px;
  width: 70px;
}

.blog-single__related-articles__dec-1 {
  top: 0px;
  right: 0px;
}

.blog-single__related-articles__dec-2 {
  bottom: 0px;
  right: 0px;
  transform: rotate(90deg);
}

.blog-single__related-articles__dec-3 {
  bottom: 0px;
  left: 0px;
  transform: rotate(180deg);
}

.blog-single__related-articles__dec-4 {
  top: 0px;
  left: 0px;
  transform: rotate(270deg);
}

.blog-single__related-articles h2 {
  text-align: center;
  color: #fff;
  font-size: 40px;
}

.blog-single__related-card {
  position: relative;
  border: 3px solid #fff;
  box-shadow: 0px 0px 0px 0px #ffffff50;
  margin: 6px;
  transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
}

.blog-single__related-image {
  height: var(--img-h);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  background-size: cover;
  background-position: center center;
  transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
}

.blog-single__related-image p {
  position: relative;
  z-index: 2;
  color: #fff;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 0px;
  margin-top: 40px;
  transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
  opacity: 0;
  bottom: -20px;
  pointer-events: none;
}

.blog-single__related-image p:after {
  content: "";
  background: url(https://cdn1.trantololaw.com/wp-content/uploads/2025/07/trnt_arrow-checkmark.svg)
    no-repeat;
  background-size: contain;
  position: absolute;
  top: -40px;
  left: calc(50% - 20px);
  height: 40px;
  width: 40px;
  pointer-events: none;
  transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
}

.blog-single__related-card:hover .blog-single__related-image:after,
.blog-single__related-card:hover .blog-single__related-image p {
  opacity: 1;
}

.blog-single__related-card:hover .blog-single__related-image p {
  bottom: 0px;
}

.blog-single__related-card:active .blog-single__related-image p:after {
  transform: scale(1.1);
}

.blog-single__related-image {
  position: relative;
}

.blog-single__related-image:after {
  content: "";
  background-color: #c81a2fb5;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  z-index: 1;
  transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
  opacity: 0;
  pointer-events: none;
}

.blog-single__related-card:hover .blog-single__related-image {
  background-position: 50% 40%;
}

.blog-single__related-title h3 {
  margin-top: 0px;
  text-align: center;
  margin-bottom: 0px;
  color: #fff;
  font-size: 25px;
  line-height: 1.2em;
  padding: 20px 10px;
}

.blog-single__related-card:hover {
  box-shadow: 0px 0px 0px 4px #ffffff50;
}

.blog-single__related-card a {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  z-index: 2;
  opacity: 0;
}

.related-articles-swiper {
  --swiper-navigation-size: 30px;
  padding-top: 50px;
}

.related-articles-swiper .swiper-button-next {
  top: 10px;
  height: 50px;
  width: 50px;
  right: calc(50% - 25px - 20px);
}

.related-articles-swiper .swiper-button-next:after,
.related-articles-swiper .swiper-button-prev:after {
  color: #fff;
}

.related-articles-swiper .swiper-button-prev {
  top: 10px;
  height: 50px;
  width: 50px;
  left: calc(50% - 25px - 20px);
}

.blog-single__container {
  display: flex;
  flex-direction: row;
  align-content: flex-start;
  gap: 20px;
}

.blog-single__article {
  width: 75%;
}

.blog-single__sidebar {
  width: 25%;
}

@media (max-width: 1024px) {
  .blog-single__container {
    flex-direction: column;
  }
  .blog-single__article,
  .blog-single__sidebar {
    width: 100%;
  }
}

.blog-single__legally-reviewed {
  --img-size: 80px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 20px;
  position: relative;
  background-color: #466384;
  padding: 15px;
}

.blog-single__legally-reviewed a {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  opacity: 0;
}

.blog-single__legally-reviewed__image {
  width: var(--img-size);
  border: 3px solid #fff;
  border-radius: 100%;
  box-shadow: 0px 0px 0px 0px #ffffff50;
  transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
}

.blog-single__legally-reviewed__image img {
  transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
}

.blog-single__legally-reviewed__text {
  width: calc(100% - var(--img-size));
}

.blog-single__legally-reviewed__text p {
  margin-bottom: 0px;
  line-height: 1.3em;
}

.blog-single__legally-reviewed__text p:first-of-type {
  font-size: 12px;
  font-weight: 700;
  border-bottom: 1px solid #ffffff20;
  padding-bottom: 2px;
  margin-bottom: 5px;
  color: #ffffff80;
  transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
}

.blog-single__legally-reviewed__text p:last-of-type {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}

.blog-single__legally-reviewed:hover img {
  transform: scale(0.9);
}

.blog-single__legally-reviewed:hover .blog-single__legally-reviewed__image {
  box-shadow: 0px 0px 0px 4px #ffffff50;
}

.blog-single__legally-reviewed:active .blog-single__legally-reviewed__image {
  box-shadow: 0px 0px 0px 6px #ffffff50;
}

.blog-single__legally-reviewed:hover
  .blog-single__legally-reviewed__text
  p:first-of-type {
  color: #ffffff;
}

/* Table of Contents */
.blog-sidebar__toc .toc-list {
  margin-bottom: 0px !important;
}

.blog-sidebar__toc {
  background-color: #002f5d;
  padding: 15px;
  margin-bottom: 0px;
}

.blog-sidebar__toc-title {
  font-weight: 700;
  font-size: 22px;
  color: #fff;
  margin-bottom: 20px;
  line-height: 1.3em;
  text-align: center;
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
}

.blog-sidebar__toc ul,
.blog-sidebar__categories ul,
.blog-sidebar__related ul,
.blog-sidebar__latest ul {
  margin-bottom: 0px;
  list-style: none !important;
  margin-left: 0px !important;
}

.blog-sidebar__toc li {
  background: none !important;
  padding: 0px !important;
  margin-bottom: 0px !important;
  margin-left: 0px !important;
  background-color: transparent !important;
  list-style: none !important;
  transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1) !important;
}

.blog-sidebar__toc li:not(:last-of-type) {
  border-bottom: 1px solid #eaeaea20;
}

.blog-sidebar__toc li a {
  color: #fff;
  font-size: 16px;
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px !important;
  line-height: 1.5em;
  font-weight: 700;
  transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1) !important;
}

.blog-sidebar__toc li a:hover {
  color: #fff !important;
  background-color: #ffffff10;
}

.blog-sidebar__toc li a:active {
  background-color: #ffffff20;
}

.blog-single__next-prev-article {
  position: relative;
  background-color: #466384;
  padding: 15px 15px 15px 50px;
  overflow: hidden;
}

.blog-single__next-prev-article:after {
  content: "";
  background-color: #aa792a;
  position: absolute;
  top: 1px;
  left: 0px;
  height: 50%;
  width: 40px;
  clip-path: polygon(0 0, 0% 0, 100% 100%, 0% 100%);
  transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
}

.blog-single__next-prev-article:before {
  content: "";
  background-color: #aa792a;
  position: absolute;
  bottom: 1px;
  left: 0px;
  height: 50%;
  width: 40px;
  clip-path: polygon(0 0, 100% 0, 0% 100%, 0% 100%);
  transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
}

.blog-single__next-prev-article > p {
  color: #d2d9e3;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 0px;
  transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
}

.blog-single__next-article p {
  color: #d2d9e3;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0px;
  margin-top: 10px;
}

.blog-single__next-article a {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  opacity: 0;
}

.blog-single__next-prev-article:hover:before,
.blog-single__next-prev-article:hover:after {
  background-color: #c81a2f;
}

.blog-single__next-prev-article:hover p {
  color: #fff;
}

.blog-single__sidebar-form {
  background-color: #002f5d;
  padding: 15px;
  position: relative;
}

.blog-single__sidebar-form > p:first-of-type {
  font-weight: 700;
  font-size: 30px;
  color: #fff;
  margin-bottom: 20px;
  line-height: 1.3em;
  text-align: center;
}

.blog-single__sidebar-form > p:last-of-type {
  font-size: 20px;
  color: #fff;
  margin-bottom: 20px;
  line-height: 1.3em;
  text-align: center;
}

.blog-single__sidebar-form input {
  width: 100%;
}

.blog-single__sidebar-form .wpcf7-submit {
  background-color: #aa792a;
  border-radius: 0px;
  border: 3px solid #fff;
  transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
}

.blog-single__sidebar-form .wpcf7-submit:hover {
  background-color: #466384;
}

.blog-single__sidebar-form .wpcf7-spinner {
  position: absolute;
  top: 0px;
  left: 0px;
}

.blog-single__newsletter {
  background-color: #95b3cf;
  position: relative;
  margin: 20px 0px;
}

.blog-single__newsletter a {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  z-index: 2;
  opacity: 0;
}

.blog-single__newsletter p {
  margin-bottom: 0px;
}

.blog-single__newsletter-row-1,
.blog-single__newsletter-row-2 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
}

.blog-single__newsletter-col-1 {
  width: 20%;
}

.blog-single__newsletter-col-2 {
  width: 80%;
}

.blog-single__newsletter-row-1 .blog-single__newsletter-col-1 {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  padding: 10px;
}

.blog-single__newsletter-row-1 .blog-single__newsletter-col-2 {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  padding: 20px;
}

.blog-single__newsletter-row-1 .blog-single__newsletter-col-2 p {
  color: #083c61;
  font-weight: 700;
  font-size: 20px;
}

.blog-single__newsletter-row-2 .blog-single__newsletter-col-1 {
  padding: 20px 0px 20px 0px;
}

.blog-single__newsletter-row-2 .blog-single__newsletter-col-2 {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  color: #083c61;
  font-weight: 700;
  font-size: 25px;
  padding: 20px;
  text-transform: uppercase;
  transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
}

.blog-single__newsletter
  .blog-single__newsletter-row-2
  .blog-single__newsletter-col-1
  img {
  position: relative;
  left: 0px;
  transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
}

.blog-single__newsletter:hover
  .blog-single__newsletter-row-2
  .blog-single__newsletter-col-1
  img {
  left: 10px;
}

.blog-single__newsletter:hover
  .blog-single__newsletter-row-2
  .blog-single__newsletter-col-2 {
  color: #fff;
}

.blog-single__newsletter:active
  .blog-single__newsletter-row-2
  .blog-single__newsletter-col-1
  img {
  left: 15px;
}

.blog-single__sidebar-categories {
  background-color: #002f5d;
  padding: 15px;
}

.blog-single__sidebar-categories > p {
  font-weight: 700;
  font-size: 22px;
  color: #fff;
  margin-bottom: 0px;
  padding-bottom: 20px;
  line-height: 1.3em;
  text-align: center;
  border-bottom: 1px solid #fff;
}

.blog-single__sidebar-categories ul {
  margin-bottom: 0px !important;
  list-style: none !important;
  margin-left: 0px !important;
}

.blog-single__sidebar-categories li {
  background: none !important;
  padding: 0px !important;
  margin-bottom: 0px !important;
  margin-left: 0px !important;
  background-color: transparent !important;
  list-style: none !important;
  transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1) !important;
}

.blog-single__sidebar-categories li a {
  color: #fff;
  font-size: 16px;
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px !important;
  line-height: 1.5em;
  font-weight: 700;
  transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1) !important;
}

.blog-single__sidebar-categories ul li:nth-of-type(odd) {
  background-color: #ffffff10 !important;
}

.blog-single__sidebar-categories li a:hover {
  color: #fff !important;
  background-color: #ffffff20;
}

.blog-single__sidebar-categories li a:active {
  background-color: #ffffff40;
}

.blog-single__sidebar-cta {
  background-color: #002f5d;
  padding: 30px 15px;
  margin-top: 20px;
}

.blog-single__sidebar-cta p {
  color: #fff;
  text-align: center;
  font-size: 40px !important;
  text-transform: uppercase;
  font-weight: 1000;
  line-height: 1.1em;
}

.blog-single__sidebar-cta a {
  text-transform: uppercase;
  background: #c81a2f !important;
  color: #fff;
  padding: 15px 40px;
  font-size: 20px;
  font-weight: 700;
  display: block;
  width: fit-content;
  margin: 0 auto;
  margin-top: 20px;
  transition: 0.5s cubic-bezier(0, 0.275, 0.125, 1);
}

.blog-single__sidebar-cta a:hover {
  background: #466384 !important;
  color: #fff;
}