* {
    position: relative;
    margin: 0;
    padding: 0
}

html {
    height: 100%
}

body {
    background-color: #F6F5F0;
}

.problems h1 {
	color:#020552;
}
#contact h3 {
    color: #020552;
}
.mobile-get-started-button {
    display: none;
}
.all-maps {
    background: linear-gradient(270.47deg, #FDFCCE -23.59%, #F7EA9E -10.57%, #D5BF70 2.45%, #E4CD80 15.47%, #D5BB6D 28.49%, #C5A95C 41.51%, #AD8C44 54.54%, #A98B49 67.56%, #A58B4E 80.58%, #D3C070 93.6%, #EDE48F 106.62%);
    padding: 4px;
    border-radius: 30px;
}
.button-header a:after {
    position: absolute !important;
    margin-top: 10px;
    content: url(images/icons/arrow-right.svg) !important;
    filter: brightness(0);
    width: 60px;
	opacity: 1 !important;
}

.RatingBar__Container-sc-qimg51-0.eyLxdR.es-rating-bar-container path {
    fill: #fdeb09 !important
}.m-types-wrap h2 {    color: #222222;}
.sub-menu li a {
    color: black !important;
}
.wrap {
    width: 92%;
    max-width: 1224px;
    margin: auto;
    padding: 0 4%
}

.home .cta3 h2{ color: #fff; font-weight: 600; font-size: 37px; }

.cta3 h2 {    color: #020552;    font-weight: 600;    font-size: 37px;}

.home .copy {    color: #fff;    font-size: 22px;}
.copy {    color: ##222222;    font-size: 22px;}

div#footer {
       background: #020451 url(https://staging3.riolawgroup.com/wp-content/uploads/2025/05/Group-22-1.svg) no-repeat top center;
    background-size: contain;
    color: #fff;
}

.issues-border {
    max-width: 1100px;
    background: linear-gradient(270.47deg, #FDFCCE -23.59%, #F7EA9E -10.57%, #D5BF70 2.45%, #E4CD80 15.47%, #D5BB6D 28.49%, #C5A95C 41.51%, #AD8C44 54.54%, #A98B49 67.56%, #A58B4E 80.58%, #D3C070 93.6%, #EDE48F 106.62%);
    padding: 4px;
    border-radius: 20px;
    margin: -60px auto 0;
}


.hero-bg0 {
    background: linear-gradient(179.86deg, #00014E 0.09%, #162874 48.97%, #4D6BAA 97.85%);
}

.columns {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%
}

.wrap .faq-title img {
    width: 75px
}

.columns .col {
    flex: 1
}

a.button.button-white:hover {
    text-decoration: none !important
}
.cta-bottom h2 {
	color:#020552;
}
.single-manufacturer li#menu-item-331 a {
    color: #111 !important
}

.fbar-sliderWrapper {
    width: 82%;
    border: 0 solid;
    float: right
}

.fbar-headingWrapper {
    border: 0 solid;
    width: 17%;
    float: left;
    position: relative;
    top: 4px
}

@media only screen and (max-width:960px) {
    .columns {
        display: block
    }
    .columns .col {
        width: auto;
        margin: auto
    }
}

body,
html {
    color: #111;
    font-family: "Source Sans 3", sans-serif;
    font-size: 18px;
    line-height: 25px;
    font-weight: 400
}

@media only screen and (max-width:1200px) {
    body,
    html {
        font-size: 16px
    }
}

a:link,
a:visited,
a:active {
    color: #111;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    transition: .2s
}

a:hover {
    color: #111;
    text-decoration: none
}

a.link-black {
    color: #111;
    text-decoration: none;
}

a.link-black:hover {
    color: #111
}

p {
    margin: 0 0 18px
}

h1 {
    margin: 0 0 20px;
    font-size: 44px;
    line-height: 52px;
    font-weight: 800
}

h1.page-title {
    margin: 48px auto;
	color: #020552;
}
div#states{
	background-color:#F6F5F0;
}
.title-blue {

    padding: 48px 0;
    background-color: #111;
    background-image: 
/* 		linear-gradient(180deg, rgba(0, 1, 78, 0.7) 20%, rgba(22, 40, 116, 0.7) 80%), */
		url(https://staging3.riolawgroup.com/wp-content/uploads/2025/05/Frame-95.svg);
    color: #fff;	
	background-position: center;
    background-size: cover;
	
 /*    padding: 48px 0;
    background-color: #111;
    background-image: linear-gradient(180deg, rgba(8, 29, 63, 0) 0%, #111111 100%), url(images/pattern.png);
    color: #fff */
}

h2 {
    margin: 0 0 20px;
    font-size: 37px;
    line-height: 44px;
    font-weight: 800
}

h2 span {
    font-size: 22px;
    line-height: 31px;
    font-weight: 400
}

h3 {
    margin: 0 0 12px;
    font-size: 28px;
    line-height: 34px;
    font-weight: 800
}

h4 {
    margin: 0 0 12px;
    font-size: 20px;
    line-height: 28px;
    font-weight: bold;
}

h5,
h6 {
    margin: 0 0 12px;
    font-size: 18px;
    line-height: 25px;
    font-weight: 700
}

@media only screen and (max-width:960px) {
    h1 {
        font-size: 38px;
        line-height: 46px
    }
}

@media only screen and (max-width:660px) {
    h1 {
        font-size: 32px;
        line-height: 40px
    }
    h2 {
        font-size: 28px;
        line-height: 34px
    }
}

@media only screen and (max-width:460px) {
    h1 {
        font-size: 22px;
        line-height: 30px
    }
}

ul.list-phone li {
    padding: 0 0 12px;
    list-style-type: none
}

ul.list-phone li::before {
    display: inline-block;
    position: relative;
    top: 12px;
    height: 30px;
    width: 30px;
    margin-right: 4px;
    background: url(images/icons/phone.svg)no-repeat;
    content: ""
}

ul.list-phone li a {
    color: #111;
    text-decoration: none;
}

ul.list-phone li a:hover {
    color: #111
}

ul.list-icon {
    list-style: none;
    padding-left: 0
}

ul.list-home li {
    padding-left: 50px;
    margin: 10px 0 20px
}

ul.list-home li:nth-child(1)::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-image: url(images/icons/list-icon-paper-ribbon.svg);		filter: brightness(10);
}

ul.list-home li:nth-child(2)::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-image: url(images/icons/list-icon-dollars.svg);		filter: brightness(10);
}

ul.list-checkmarkvalidated li {
    padding-left: 50px;
    margin: 10px 0 20px
}

ul.list-checkmarkvalidated li::before {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-image: url(images/icons/list-icon-checkmark-validated.svg)
}

.title-bubble {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 24px;
    background: #2251B4;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase 
}
#reviews_now {
    background: linear-gradient(180deg, #4D6AA9 0%, #162874 50%, #020451 100%);
}
button#load-more {
    padding: 12px 30px;
    border-radius: 10px;
    border: 1px solid #222;
    color: #222;
    background: 0 0
}

.load-more-container:before {
    content: '';
    height: 1px;
    width: 42%;
    background: #0a1e3e;
    position: absolute;
    left: 0;
    top: 50%
}

.load-more-container:after {
    content: '';
    height: 1px;
    width: 42%;
    background: #0a1e3e;
    position: absolute;
    right: 0;
    top: 50%
}

.load-more-container {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px
}

li.button a,
a.button {
    display: inline-block;
    border-radius: 12px;
    font-weight: 700;
    color: #fff;
    text-align: center
}

#header .nav-header li.button-header a {
    padding: 12px 40px 12px 20px;
    border: 1px solid #fdeb09;
    background: #29be39;
    font-size: 17px;
    color: #000 !important
}

#header .nav-header li.button-header a:hover {
    border: 1px solid #111;
    background: #fff;
    color: #111 !important
}

a.button-white {
    margin-top: 10px;
    padding: 12px 16px;
    border: 1px solid #111;
    background: #fff;
    color: #111;
    font-size: 16px;
    font-weight: 700
}

a.button-white:hover {
    border: 1px solid #EAC13E;
    background: #EAC13E;
    color: #111;
}

a.button-yellow {
    min-width: 150px;
    height: 22px;
    padding: 12px 54px 12px 30px;
    border: 1px solid #fdeb09;
    background: #29be39;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 8%), 0 6px 8px 4px rgba(0, 0, 0, 4%);
    font-size: 17px;
    text-decoration: none;
	text-transform:uppercase !important;
}

a.button-yellow:hover {
/*    border: 1px solid #111; */
    background: #fff;
    color: #111
}

a.button-yellow:hover:after {
    filter: brightness(0)
}

a.button-yellow:after {
    position: absolute;
    margin-top: -1px;
    margin-left: 7px;
    content: url(images/icons/arrow-right.svg);
    filter: brightness(0);
}
span.phone-color-button {    display: inline-block;    background: linear-gradient(270.47deg, #FDFCCE -23.59%, #F7EA9E -10.57%, #D5BF70 2.45%, #E4CD80 15.47%, #D5BB6D 28.49%, #C5A95C 41.51%, #AD8C44 54.54%, #A98B49 67.56%, #A58B4E 80.58%, #D3C070 93.6%, #EDE48F 106.62%);    padding: 2px;    border-radius: 10px;    margin-top: 12px;}
a.button-call {
    display: inline-block;
    width: 216px;
    margin: 0px auto;
    padding: 4px 8px;
    border-radius: 8px;
    background-color: white;
    color: #111;
    font-size: 16px;
    text-align: center;
    text-decoration: none
}

a.button-call:hover {
    background-color: #fff
}

a.button-call img {
    top: 3px;
    width: 18px;
    height: auto
}

a.button-center {
    display: block;
    margin: 40px auto 0
}

hr {
    width: 100%;
    height: 1px;
    margin: 32px 0;
    border: none;
    background-color: #111
}

.wrap img {
    width: auto;
    max-width: 100%;
    height: auto
}

.home #header-wrap {
    background-color: #00014E;
}

#header-wrap {
    background-color: #F6F5F0;
}

#header {
    display: flex;
    height: 66px;
    margin: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    justify-content: start;
    align-items: center;
}

#header .logo,
#footer .logo {
    margin-right: 16px
}

#header .logo img,
#footer .logo img {
    width: auto;
    height: 70px
}

#header .title,
#footer .title {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 6px;
    font-size: 14px
}

#header .title img,
#footer .title img {
    width: auto;
    height: 20px
}

#header .nav-header {
    margin-left: auto
}

#header .nav-header ul {
    list-style: none
}

#header .nav-header li {
    display: inline-block;
    margin: 0 0 0 24px
}

#header .nav-header li:first-child {
    margin: 0
}

#header .nav-header a {
    padding-bottom: 40px;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none
}

#header .nav-header a,
#header .nav-header ul li.current-menu-item ul li a,
#header .nav-header li#menu-item-32 a {
    color: #000;
}

.home #header .nav-header a,
#header .nav-header ul li.current-menu-item ul li a,
#header .nav-header li#menu-item-32 a {
    color: #fff;
}

.home #header .nav-header a:hover,
.home #header .nav-header li.current-menu-item a,
.home #header .nav-header li.nav-seeall a {
    color: #fff;
    font-weight: 500;
}

#header .nav-header a:hover,
#header .nav-header li.current-menu-item a,
#header .nav-header li.nav-seeall a {
    color: #222;
    font-weight: 500;
}



.home #header .nav-header li a:after {
    position: relative;
    top: 2px;
    right: -5px;
    opacity: .5;
    content: url(images/icons/caret-ups.svg)
}

#header .nav-header li a:after {
    position: relative;
    top: 2px;
    right: -5px;
    opacity: .5;
    content: url(images/icons/caret-ups-black.svg)
}

.home #header .nav-header .menu-item-has-children:hover a:after {
    display: inline-block;
    opacity: 1;
    content: url(images/icons/caret_downs.svg)
}

#header .nav-header li:hover a:after {
    display: inline-block;
    opacity: 1;
    content: url(images/icons/caret_downs-black.svg)
}

#header .nav-header li a:only-child:after {
    content: ""
}

#header .nav-header li.nolink a {
    cursor: default
}

#header .nav-header li.nolink li a {
    cursor: pointer
}

#header .nav-header ul ul {
    z-index: 1;
    float: left;
    position: absolute;
    top: 54px;
    left: -9999px;
    width: 260px;
    padding: 16px 16px 12px;
    border-radius: 12px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 8%), 0 6px 8px 4px rgba(0, 0, 0, 4%);
    background: #fff;
    opacity: 1;
    transition: opacity 200ms ease-in, visibility 200ms ease-in
}

#header .nav-header ul li:hover>ul {
    left: auto;
    opacity: 1
}

#header .nav-header ul ul li {
    display: grid;
    width: 100%;
    margin: 4px 0;
    padding: 4px 0
}

#header .nav-header ul ul li a {
    position: relative;
    padding: 6px;
    border-radius: 8px;
    background: #fff;
    font-size: 16px;
    letter-spacing: 0;
    text-transform: none
}

#header .nav-header ul ul li a:hover,
#header .nav-header ul ul li.current-menu-item a {
    background: #f7f7f7;
    color: #111
}

.mobile-menu-panel {
    display: none
}

@media only screen and (max-width:1100px) {
    #header .title,
    #footer .title {
        font-size: 0
    }
    .load-more-container:before {
        width: 38%
    }
    .load-more-container:after {
        width: 38%
    }
}

@media only screen and (max-width:960px) {
    #header {
        display: flex;
        height: 65px;
/*         padding-top: 25px; */
        justify-content: start;
        align-items: center;
        flex-shrink: 0
    }
    #header .nav-header li {
        display: none
    }
    #header .nav-header li.nav-button {
        display: block;
        margin: -4px 54px 0 0
    }
    #click-menu {
        display: block;
        position: absolute;
        top: 28px;
        right: 4%;
        z-index: 1
    }
	
    .home #click-menu .menu-link, .manufacturer-template-default #click-menu .menu-link{
        padding: 9px;
        border-radius: 10px;
        border: 1px solid #fff;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 8%), 0 6px 8px 4px rgba(0, 0, 0, 4%);
        content: url(images/icons/menu-white.svg)
    }	
    #click-menu .menu-link {
        padding: 9px;
        border-radius: 10px;
        border: 1px solid #222;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 8%), 0 6px 8px 4px rgba(0, 0, 0, 4%);
        content: url(images/icons/menu.svg)
    }
    #click-menu .active {
        display: none
    }
    .mobile-menu-panel {
        display: block;
        position: fixed;
        right: -100%;
        z-index: 2;
        width: 84%;
        max-width: 84%;
        padding: 30px 8%;
        margin-top: 115px;
        background: #fff
    }
    .mobile-menu-panel .menu-close {
        position: absolute;
        top: -83px;
        right: 4%;
        z-index: 3;
        padding: 9px;
        border-radius: 10px;
        border: 1px solid #111;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 8%), 0 6px 8px 4px rgba(0, 0, 0, 4%);
        content: url(images/icons/x.svg)
    }
	
    .home .mobile-menu-panel .menu-close, .manufacturer-template-default .mobile-menu-panel .menu-close{
        position: absolute;
        top: -83px;
        right: 4%;
        z-index: 3;
        padding: 9px;
        border-radius: 10px;
        border: 1px solid #fff;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 8%), 0 6px 8px 4px rgba(0, 0, 0, 4%);
        content: url(images/icons/x-white.svg)
    }	
    .mobile-menu-panel ul {
        color: #111;
        font-size: 16px;
        font-weight: 500;
        list-style-type: none
    }
    .mobile-menu-panel ul li {
        padding-top: 8px
    }
    .mobile-menu-panel ul li a {
        color: #111;
        text-decoration: none
    }
    .mobile-menu-panel ul li a:hover,
    .mobile-menu-panel ul li.nav-seeall a {
        color: #111
    }
    .mobile-menu-panel ul li.menu-mobile-title {
        margin-bottom: 8px;
        font-weight: 700;
        cursor: inherit
    }
    .mobile-menu-panel ul li.menu-mobile-title a:hover {
        color: #111
    }
    .mobile-menu-panel li:after {
        display: block;
        width: 100%;
        height: .5px;
        background-color: #c8d3d7;
        margin: 20px 0 10px;
        content: ""
    }
    .mobile-menu-panel li:last-child:after,
    .mobile-menu-panel li li:after {
        display: none
    }
    .mobile-menu-panel .call {
        margin-top: 20px
    }
    .mobile-menu-panel .call a {
        color: #111
    }
    .mobile-menu-panel .call img {
        top: 3px;
        width: 16px;
        height: auto
    }
}
/* Nifty Code Styles */
div#manufacturer-list .m-types-content{
	min-height:205px;
}
.footer_light{
	background: #F6F5F0 url(https://staging3.riolawgroup.com/wp-content/uploads/2025/05/Frame-77-1.svg) no-repeat top center !important;
	background-size: contain !important;
    color: #222222 !important;
}
div#footer a:hover {
    font-weight: 500 !important;
}
div#footer a.button.button-white:hover {
    font-weight: 700 !important;
}
#team .members .member:after {
    margin: 40px 0 !important;
    background-color: #EAC13E !important;

}
.footer_light .main.wrap *, .footer_light .wrap_footer.wrap *{
	color:#222222 !important;
}
.footer_light .main a.button{
	border-color:#222222 !important;
}
.footer_light .social img {
    filter: invert(1);
}
div#footer .main.wrap {
    padding: 0 0 32px 0 !important;
}
div#footer .wrap_footer {
    max-width: 1224px;
    width: 92%;
    padding: 0 !important;
}
/* Manufacturer Archive */
.m-types-content {
    min-height: 205px;
}
.m-types .columns {
    justify-content: center;
}
.get_a_free_case_review {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
}
#manufacturer .problems:before {
    background-color: #EAC13E !important;
}

/* Single Post Sidebar */
.llblogs-sidebar{
	background:#020451 !important;
}
.llblogs-sidebar__logo img {
    width: 250px !important;
    object-fit: cover !important;
}

.llblogs-sidebar__cta a, a.llblogs-st-item__button{
	background:#EAC13E !important;
	color:#020451 !important;
}
.sticky-bar{
	background: #020451 !important;
}

@media only screen and (max-width:600px) {
    #header .logo {
        margin-right: 10px
    }
/* 	Nifty Code Edits */
    #header .logo img {
        height: 60px
    }
	.home-state.columns a.button-yellow {
    margin: 0 auto !important;
}
    .load-more-container:after {
        width: 25%
    }
    .load-more-container:before {
        width: 25%
    }
	.home .copy{
		font-size:18px;
		font-weight:300;
	}
	.BulletsControl__BulletsControlInner-sc-f6dcbc14-1.eAxLGn.es-bullets-control-inner div{
		width:10px;min-width:10px;height:10px;background:white;
	}
	.BulletsControl__BulletsControlContainer-sc-f6dcbc14-0.jNZsXk.es-bullets-control-container{
		width:66px !important;
	}
	div.footer_blue{
		background:#00014E !important;
	}
	div.footer_blue a.button.button-white {
    text-align: center !important;
}
	.footer_blue .main a.button{
		width:90% !important;
		color: white !important;
        font-weight: 500;
        text-transform: capitalize !important;
	}
	.footer_light .main.wrap * {
    text-align: left !important;
	}
	.footer_light .main a.button{
		width:90% !important;
		text-align:center !important;
	}
	div.footer_light{
		background: #F6F5F0 !important;
	}
	.footer_blue a.button.button-white {
    text-align: center !important;
}
/* 	Manufacturer Archive */
	.video-embed iframe{
	width:100% !important;
	max-width:100% !important;
	min-width:100% !important;
		margin-bottom:80px;
}
	div#manufacturer .columns .col *, div#manufacturer .columns .col{
		text-align:left !important;
	}
/* 	div#manufacturer .problems .columns .col *{
		text-align:left !important;
	} */
	div#manufacturer .title-bubble{
		display:flex;
		margin:0;
	}
	#manufacturer .m-top .button{
		margin-left:0;
	}
	div#manufacturer .wrap .problems:before{
		margin:0 0 16px 0 !important
	}
	div#manufacturer .steps .columns .col * {
    text-align: center !important;
}
	div#manufacturer .steps .columns .col {
    text-align: center !important;
}
/* 	div#manufacturer .cta2 .content * {
    text-align: left !important;
} */
	.cta2{
		  background-position-x: center !important;
	}
/* 	State Single Archive */
	div#state .s-top .columns .col * {
    text-align: left !important;
}
	div#state .s-top .columns .col .title-bubble, div#state .s-top .columns .col a.button.button-yellow {
    margin: 0;
}
	div#state .s-top .columns .col a.button.button-yellow{
		text-align:center !important;
	}
	#state .s-top .image-card img{
		margin-top:0 !important;
	}
	#state .s-content * {
    text-align: left !important;
}
	div.footer_blue .main .col * {
    text-align: left !important;
}
/* 	Team Page */
	div#team .page-title {
    text-align: left;
}
	div#team .top h3{
	font-size: 22px !important;
    line-height: 28px !important;
	}
	div#team .members * {
    text-align: left;
}
	div#team .cta1{
	background-position: bottom 20px right 20px !important;
	}
/* 	Contact Page */
	div#contact ul.list-phone li a {
    text-decoration: none !important;
}
	#contact .col .map {
    margin-top: 0px !important;
}
	div#contact .columns * , div#contact h1.page-title{
    text-align: left;
}
	#contact a.button-yellow {
    margin: 0 !important;
		margin-top:20px !important
}
/* 	div#contact .cta2 * {
    text-align: left !important;
} */
/* 	Single Manufacturer Archive */
	div#issue img {
    margin-left: 0;
}
	div#issue span{
	line-height: 18px;
	}
	.home-state h2, .home-state h4{
		text-align:center !important;
	}
}

.cta1 {
    margin: 96px auto;
    padding: 96px 48px 48px;
    border-radius: 16px;
    font-size: 22px;
    line-height: 31px;
    background-color: #020552;
    background-image: url(images/icons/checkmark-validated.svg);
    background-position: bottom 48px right 48px;
    background-size: 96px;
    background-repeat: no-repeat
}

.cta1 h2 {
    margin: 0;
	color:#fff;
}

@media only screen and (max-width:960px) {
    .cta1 {
        margin: 72px auto;
        padding: 96px 24px 146px;
        background-position: bottom 24px left 24px
    }
}

.cta2 {
    margin: 96px auto;
    padding: 96px 48px 48px;
    border-radius: 16px;
    font-size: 22px;
    line-height: 31px;
    background-color: #020552;
    background-image: url(images/cplg-logo-black.svg);
    background-position: bottom 48px right 48px;
    background-size: 96px;
    background-repeat: no-repeat;
	color:#fff;
}

.cta2 .content {
    width: 65%
}

.cta2 .content li {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500
}

.cta2 .content ul.list-checkmarkvalidated {
    padding-top: 12px
}

@media only screen and (max-width:960px) {
    .cta2 {
        margin: 72px auto;
        padding: 96px 24px 146px;
        background-position: bottom 24px right 24px
    }
    .cta2 .content {
        width: 100%
    }
}

.cta3 {
    max-width: 600px;
    margin: auto;
    padding: 96px 0;
    font-size: 22px;
    font-weight: 500;
    text-align: center
}
/* Nifty Code  */
.state_archive{
	padding-top:0 !important;
	margin-bottom:96px !important;
}
.state_archive h2{
	color:black !important;
}
@media(max-width:575px){
	.state_archive h2{
		font-size:30px !important;
	}
	.state_archive .copy{
		font-size:18px !important;
	}
}


.cta3 img {
    width: 96px;
    height: 96px;
    margin: 0 auto 16px
}

.cta3 a.button {
    margin-top: 16px
}

.steps {
    max-width: 960px;
    margin: auto;
    font-size: 16px;
    line-height: 22px;
    text-align: center
}

.home .steps h2 {
    margin: auto;
    color: #fff;
    font-size: 38px;
    font-weight: bold;
}

.steps h2 {
    margin: auto;
	color: #020552;
}

.steps h2:after {
    display: block;
    width: 40px;
    height: 6px;
    margin: 24px auto;
    background-color: #EAC13E;
    content: ""
}

.steps .columns {
    gap: 60px;
	color: #000;
}
.home .steps .columns {
    gap: 60px;
    color: white;
}
.home-state h2 {
    color: white;
}
.home-state h4 {
    color: white;
}
ul.list-icon.list-home {
    color: white;
}
.steps .columns .col {
    align-self: flex-start
}

.steps .item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 88px;
    height: 48px;
    margin: 16px auto 24px;
    border-radius: 48px
}

.home .steps .number {
    background-color: #020552;
    color: #222222;
    font-size: 37px;
    font-weight: 800;
    line-height: 44px
}

.steps .number {
    background-color: #020552;
    color: #fff;
    font-size: 37px;
    font-weight: 800;
    line-height: 44px
}

.steps .check {
    background-color: #10784e
}

.steps .check img {
    width: 40px;
    height: 40px;
    margin: auto
}

@media only screen and (max-width:960px) {
    .steps {
        max-width: 265px;
        margin: auto
    }
    .steps .item {
        margin: 36px auto 24px
    }
}

#state ul.jump-links {
    margin: 60px 0 0
}

#team ul.jump-links {
    margin: 10px 0 0
}

ul.jump-links {
    list-style-type: none
}

ul.jump-links li {
    padding-bottom: 10px
}

ul.jump-links li a {
    color: #020552; 
    font-size: 15px;
    line-height: 21px;
    font-weight: 500
}

ul.jump-links li a:hover {
    color: #c8d3d7
}

ul.jump-links li a:before {
    margin-right: 10px;
    border-right: 3px solid #111;
    content: ""
}

ul.jump-links li a:hover:before {
    border-right: 3px solid #c8d3d7
}

@media only screen and (max-width:960px) {
    ul.jump-links {
        display: none
    }
}

#footer-bar {
    display: flex;
    align-items: center;
    margin-top: 96px;
    padding: 30px 0;
    gap: 40px;
    background: #c8d3d7;
    text-align: center
}

#footer-bar .wrap {
    max-width: 1800px
}

#footer-bar h4 {
    margin: 0 0 10px
}

#footer-bar .footer-rs {
    --fade-end: 75%;
    mask-image: linear-gradient( to left, white var(--fade-end), transparent)
}

#footer-bar .footer-rs .item .item-flex {
    display: flex;
    align-items: center;
    justify-self: center;
    padding: 0 24px
}

#footer-bar .footer-rs .item .item-flex img {
    margin: 0 10px
}

@media only screen and (max-width:960px) {
    #footer-bar {
        margin-top: 72px
    }
    #footer-bar .footer-rs {
        --fade-end: 75%;
        mask-image: none
    }
    #footer-bar .footer-rs .item .item-flex {
        justify-content: center;
        padding: 0
    }
}

#footer {
    padding: 96px 0
}

#footer:after {
    z-index: -100;
    background-image: url(images/footer-background.svg);
    background-position: -330px -430px;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .02;
    content: ""
}

#footer a {
    color: #fff;
    text-decoration: none
}

#footer h4 {
    color: #fff;
}


#footer a:hover {
    color: #fff;
    text-decoration: none;
    font-weight: 700
}

#footer .main {
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    gap: 26px;
    margin-bottom: 32px;
    padding-bottom: 32px;
    border-bottom: 1px solid #c8d3d7
}

#footer .main .col {
    flex: 1;
    font-size: 17px;
    line-height: 22px;
    font-weight: 500
}

#footer .main .logo {
    float: none
}

#footer .main .title {
    font-size: 14px;
    line-height: 20px
}

#footer .main .byline {
    display: flex;
    margin: 15px 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
	color:#fff;
}

#footer .main .social a {
    margin-right: 16px;
    display: inline-block;
    vertical-align: middle;
}

#footer .footer-menu ul {
    list-style: none
}

#footer .footer-menu li {
    padding: 0 0 8px
}

#footer .main a.button {
    margin-top: 12px;
	background-color: transparent;
    border-color: white;
}
.wrap_footer {
    max-width: 1375px;
    margin: 0 auto;
}

#footer .bottom {
    max-width: 1e3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

@media only screen and (max-width:960px) {
    #footer {
        padding: 48px 0
    }
    #footer .main {
        display: block
    }
    #footer .main h4,
    #footer .main a.button {
        margin-top: 24px
    }
    #footer:after {
        background-position: 100%;
        background-size: cover
    }
}

#home .hero-wrap {
    width: 92%;
    max-width: 1224px;
    margin: auto;
    padding: 0 4%
}

#home .hero {
    overflow: hidden;
    border-radius: 24px
}

#home .hero .hero-img-wrap {
    display: inline-block
}

#home .hero img.hero-img {
   /* z-index: -1; */
    display: block;
    width: 100%;
    height: auto
}

#home .hero .hero-content {
    position: absolute;
    top: 64px;
    left: 64px;
    width: 100%;
    max-width: 600px;
    font-size: 20px;
    font-weight: 500
}

#home .hero .hero-content h1 {
font-size: 72px;
    font-weight: 400;
    line-height: 70px;
    letter-spacing: -0.74px;
    font-family: "Playfair Display", serif;
    color: #222222;
}

#home .hero .hero-content .google-reviews {
    margin: 0 0 20px;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: -.74px;
	color:#020552;
}

#home .hero .hero-content .google-reviews img.google-review {
    top: 6px
}

#home .hero .hero-content .google-reviews img {
    top: 5px
}

@media only screen and (max-width:1250px) {
    #home .hero-wrap {
        width: 100%;
        padding: 0
    }
    #home .hero {
        border-radius: 0
    }
    #home .hero .hero-content {
        max-width: 390px
    }
    #home .hero .hero-content h1 {
        font-size: 54px;
        line-height: 52px;
        letter-spacing: -.54px
    }
}

@media only screen and (max-width:960px) {
    #home .hero .hero-img-wrap {
        background-position-x: -300px
    }
    #home .hero img.hero-img {
        width: auto;
        height: 670px;
        right: 200px
    }
}

@media only screen and (max-width:760px) {
    #home .hero .hero-img-wrap {
        background-position-x: -400px
    }
    #home .hero img.hero-img {
        right: 300px
    }
    #home .hero .hero-content {
        top: 24px;
        left: 4%
    }
}

@media only screen and (max-width:560px) {
    #home .hero .hero-img-wrap {
        background-position-x: -500px;
		width:100% !important;
    }
    #home .hero img.hero-img {
        right: 0px !important;
		width:100% !important;
    }
    #home .hero .hero-content {
        max-width: 80% !important;
    }
	#home .hero .hero-content h1{
		font-size:38px !important;
		line-height:44px !important;
	}
	#home .hero .hero-content h4{
		font-size:16px !important;
		line-height:22px !important;
		font-weight:400 !important;
		width:85% !important;
	}
}

.issues-carousel-wrap {
    display: flex;
    max-width: 1100px;
    margin: auto 0;
    padding: 16px;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 8%), 0 6px 8px 4px rgba(0, 0, 0, 4%)
}

.issues-carousel-wrap .title {
    min-width: 120px;
    margin: 14px 16px 0 0;
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    text-align: center
}

.issues-carousel-wrap .title img {
    margin-top: 20px
}

.issues-carousel {
    width: 100%
}

.issues-carousel .slick-slide {
    margin: .8%;
    padding: 16px;
    border-radius: 12px;
    background: #f7f7f7;
    font-size: 16px;
    font-weight: 500
}

.issues-carousel .slick-slide .issue svg {
    width: 48px;
    height: auto;
    margin-bottom: 16px
}

#issue svg path {
    fill: #2251B4 !important
}
/* Nifty Code Start Editing */
div#issue img {
    width: 30px;
    height: 30px;
    margin-right: 15px;
}

@media only screen and (max-width:1200px) {
    .issues-carousel-wrap {
        display: block;
        width: 90%;
        margin: -60px auto 0
    }
    .issues-carousel-wrap .title {
        display: block;
        margin: 0 0 16px
    }
   .issues-carousel-wrap {  
        width: 97%;
        margin: 0px auto 0
    }
	.issues-border {
    max-width: 90%;
	margin: -60px auto 0;
	}
}

@media only screen and (max-width:960px) {
    .issues-carousel-wrap .title {
        margin: 0
    }
	 .issues-carousel-wrap {  
        width: 95%;
        margin: 0px auto 0
    }
	.issues-border {
    max-width: 90%;
	margin: -60px auto 0;
	}
}

@media only screen and (max-width:760px) {
    .issues-carousel-wrap {
        width: 91%;
        margin: 0px auto 0
    }
	.issues-border {
    max-width: 90%;
	}
	.wrap_footer{
		padding: 0 4%;
	}
}

#home .steps {
    padding: 96px
}

#home .home-state {
    gap: 64px
}

@media only screen and (max-width:960px) {
    #home .home-state .col:nth-child(1) img {
        margin-bottom: 30px
    }
}

#home .m-types-wrap {
    margin-top: 101px;
    padding: 20px 0;
    background-color: #bdbdbd;
    background-image:url(https://staging3.riolawgroup.com/wp-content/uploads/2025/05/Frame-55-scaled.webp);
    color: #fff;
    text-align: center;
	background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

#home .m-types-wrap .badge {
    width: 140px;
    height: auto;
    margin-top: -60px;
    margin-bottom: 20px
}
  
#home .m-types-wrap h5 {
    max-width: 400px;
    margin: auto;		color: #222;
}

#home .m-types-wrap h5:after {
    display: block;
    width: 40px;
    height: 6px;
    margin: 24px auto;
    background-color: #020451;
    content: ""
}

#home .m-types {
    padding-bottom: 40px;
    background-color: rgba(246, 245, 240, 1);
	
}

#home .m-types .columns {
    margin-top: 0
}

#home .reviews {
    max-width: 1e3px;
    margin: auto;
    padding: 0px 0 100px
}

#home .faqs {
    max-width: 800px
}

#faq .faqs {
    margin-top: 50px
}

.faqs {
    display: block;
    width: 84%;
    padding: 40px 8%;
    margin: auto;
    border-radius: 24px;
    background: #F6F5F0;
}

.faqs .faq-title {
    display: flex;
    align-items: center;
    margin-bottom: 40px
}

.faqs .faq-title h3 {
    margin: 0;
    color: #020552;
}

.faqs .faq-title img {
    margin-left: auto
}

.faqs .expand-collapse {
    color: #222;
    font-size: 18px;
    line-height: 25px
}

.faqs .expand-collapse .faq {
    margin: 0 0 20px;
    border-bottom: 2px solid #020552;
}

.faqs .expand-collapse .faq:last-child {
    margin: 0;
    border-bottom: none
}

.faqs .expand-collapse .question {
    width: 90%;
    margin: 10px 0;
    padding: 10px 0;
    text-align: left;
    cursor: pointer;
    transition: .2s  
}.home-cta-bottom h2 {     color: white;}

.faqs .expand-collapse .question:after {
    position: absolute;
    top: 8px;
    right: -10%;
    content: url(/wp-content/uploads/2025/04/download-1.svg);
    width: 4%
}

.faqs .expand-collapse .question.active:after {
    content: url(/wp-content/uploads/2025/04/minus.svg)
}

.faqs .expand-collapse .answer {
    width: 94%;
    max-height: 0;
    margin-bottom: 10px;
    padding-bottom: 10px;
    transition: .2s ease-in-out;
    overflow: hidden;
    opacity: 0;
    color: black;
}

.faqs .expand-collapse .answer.show {
    opacity: 1;
    max-height: 800px
}

.faqs a.button-white {
    display: block;
    width: 120px;
    height: 22px;
    margin: 40px auto 0;
    padding: 12px 54px 12px 30px;
    font-size: 17px;
    text-decoration: none
}

.faqs a.button-white:after {
    position: absolute;
    margin-top: -1px;
    margin-left: 7px;
    content: url(images/icons/arrow-right.svg)
}

.home-cta-bottom {
    max-width: 600px;
    margin: auto;
    padding: 96px 0 96px;
    font-size: 22px;
    font-weight: 500;
    text-align: center
}

.home-cta-bottom a.button {
    margin-top: 16px
}

#states .s-list {
    margin-top: 96px
}

#states .s-list .columns {
    align-items: flex-start
}

#states .s-list .col:nth-child(1) {
    flex: 1 1 40%;
    margin-right: 5%
}

#states .s-list .col:nth-child(2) {
    flex: 1 1 30%
}

#states .s-list ul {
    margin: 0;
    padding: 0;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px;
    -webkit-column-rule: none;
    -moz-column-rule: none;
    column-rule: none;
    -webkit-column-fill: balance;
    -moz-column-fill: balance;
    column-fill: balance
}

#states .s-list ul li {
    display: inline-block;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid-column;
    width: 100%;
    height: 20px;
    padding: 0 0 14px;
    font-size: 18px;
    line-height: 25px
}

#states .cta3 {
    padding: 96px 0 0
}

@media only screen and (max-width:960px) {
    #states .s-list {
        max-width: 500px;
        margin: 72px auto 0
    }
    #states .s-list .col:nth-child(2) img {
        padding-top: 30px
    }
    #states .cta3 {
        padding: 72px 0 0
    }
}

#state .s-top .columns {
    gap: 50px
}

#state .s-top .col:nth-child(1) {
    flex: 1 1 55%
}

#state .s-top .col:nth-child(2) {
    flex: 1 1 45%
}

#state .s-top {
    padding: 96px 0;
    font-size: 16px;
    line-height: 25px
}

#state .s-top h1 {
    margin: 24px 0;
	color:#020552;
	
}

#state .s-top ul.list-checkmarkvalidated li::before {
    background-image: url(images/icons/list-icon-checkmark-validated-green.svg)
}

#state .s-top .button {
    margin-top: 24px
}

#state .s-top img {
    width: 100%;
    height: auto
}

@media only screen and (max-width:960px) {
    #state .s-top img {
        margin-top: 64px
    }
}

#state .s-top-blue {
    padding: 40px 48px 80px;
    border-radius: 24px 24px 0 0;
    background-color: #020552;
    background-image: url(images/20250508_0324_image.png);
/* 	background-image: linear-gradient(180deg, rgba(8, 29, 63, 0) 0%, #020552 100%), url(images/20250508_0324_image.png); */
    color: #fff;
    text-align: center
}

#state .s-top-blue img {
    display: block;
    width: 64px;
    height: 64px;
    margin: 0 auto 24px
}

#state .s-top-blue .s-top-blue-content {
    max-width: 800px;
    margin: auto;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400
}

#state .s-top-blue .s-top-blue-content h4 {
    font-weight: 400
}

#state .s-top-blue .s-top-blue-content span {
    color: #fdeb09
}

@media only screen and (max-width:960px) {
    #state .s-top-blue {
        padding: 40px 16px 80px
    }
}

#state .s-content {
    padding: 0 4% 40px;
    margin-bottom: 24px;
    border-radius: 0 0 24px 24px;
    background: #fff
}

#state .s-content .columns {
    align-items: flex-start;
    gap: 40px
}

#state .s-content .columns .col:nth-child(1) {
    flex: 1 1 35%
}

#state .s-content .columns .col:nth-child(2) {
    flex: 1 1 65%
}

#state .s-content .s-qa h3 {
    margin-top: 60px;
	color:#020552;
}

#state .s-content .s-qa .answer {
    margin: 16px 0
}

#state .s-content .s-qa ol,
#state .s-content .s-qa ul {
    margin: 0 0 25px 30px
}

@media only screen and (max-width:960px) {
    #state .s-content {
        padding: 5px 4% 40px
    }
}

#state .cta1 {
    margin: 40px 0 0
}

#state .steps {
    max-width: inherit;
    margin: 40px 0;
    padding: 48px;
    border-radius: 24px;
    background: #fff
}

.home .cta-bottom {
    max-width: 600px;
    margin: auto;
    padding: 96px 0 0;
    font-size: 22px;
    font-weight: 500;
    text-align: center
}

.cta-bottom {
    max-width: 600px;
    margin: auto;
    padding: 96px 0;
    font-size: 22px;
    font-weight: 500;
    text-align: center
}

.cta-bottom a.button {
    margin: 16px auto;
    text-decoration: none
}

.m-types .columns {
    gap: 24px;
    flex-wrap: wrap;
    margin-top: 96px;
    justify-content: flex-start;
}

.m-types .col {
    flex: 1 1 32%;
    max-width: 392px;
    text-align: center
}

.m-types .col img.m-vehicle {
    border-radius: 16px 16px 0 0
}

.m-types .col img.m-logo {
    display: block;
    top: -44px;
    width: 176px;
    height: auto;
    margin: 0 auto -44px
}

.m-types .col .m-types-content {
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-radius: 0 0 16px 16px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 8%), 0 6px 8px 4px rgba(0, 0, 0, 4%);
    background-color: #fff
}

.m-types .terms {
    min-height: 100px;
    margin: 0 10px;
    text-align: left
}

.m-types .terms .term-title {
    padding: 0 5px;
    margin: 16px 0 8px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    text-align: left
}

.m-types .terms .term-title:after {
    content: "";
    display: inline-block;
    height: .5em;
    vertical-align: bottom;
    width: 60%;
    margin-right: -100%;
    margin-left: 10px;
    border-top: 1px solid #000
}

.m-types .terms li {
    display: inline-block;
    margin: 4px;
    padding: 4px 8px;
    border-radius: 24px;
    background-color: #f7f7f7;
    color: #111;
    font-size: 13px;
    line-height: 15px;
    font-weight: 500
}

.m-types .terms li a {
    color: inherit;
    cursor: default;
    pointer-events: none;
    text-decoration: none
}

#manufacturers .cta3 {
    padding: 96px 0 96px;
}

@media only screen and (max-width:960px) {
    .m-types .col {
        min-width: 390px;
        max-width: 390px
    }
    #manufacturers .cta3 {
        min-width: 330px;
        max-width: 330px;
        padding: 72px 0 0
    }
}

@media only screen and (max-width:480px) {
    .m-types .col {
        min-width: auto
    }
    .m-types .col img.m-logo {
        top: -40px;
        width: 140px;
        margin: 0 auto -40px
    }
}

body.single-manufacturer #header-wrap,
body.single-manufacturer #header {
   /* background-color: #111 */
   background: linear-gradient(203.53deg, #00014E 37.34%, #00014E 
 20.47%, #00014E 150.6%);
}

#header .cplg-logo-mobile,
body.single-manufacturer #header .cplg-logo-desktop {
    display: none
}

body.single-manufacturer #header .cplg-logo-mobile {
    display: block
}

body.single-manufacturer #header,
body.single-manufacturer #header .nav-header a {
    color: #fff
}

body.single-manufacturer #header .nav-header ul ul li a {
    color: #111
}

body.single-manufacturer #header .nav-header li a:after {
    content: url(images/icons/caret-up-white.svg)
}

body.single-manufacturer #header .nav-header li:hover a:after {
    content: url(images/icons/caret-down-white.svg)
}

body.single-manufacturer #header .nav-header li a:only-child:after {
    content: ""
}

#manufacturer .m-top {
   /* background: linear-gradient(180deg, #111111 0%, #1c1c1c 100%); */
   background: linear-gradient(179.86deg, #00014E 0.09%, #162874 48.97%, #4D6BAA 97.85%);
    font-size: 18px;
    line-height: 25px
}

#manufacturer .m-top .columns {
    gap: 40px;
    padding: 48px 0 96px;
    color: #fff
}

#manufacturer .m-top h1 {
    margin: 8px 0
}

#manufacturer .m-top .button {
    margin-top: 24px
}

#manufacturer .m-top img {
    width: 100%;
    height: auto
}

#manufacturer .problems:before {
    display: block;
    width: 40px;
    height: 5px;
    margin-bottom: 16px;
    background-color: #fdeb09;
    content: ""
}

#manufacturer .problems {
    margin: 96px auto 20px
}

#manufacturer .problems ul li {
    margin-left: 20px
}

#manufacturer .problems .columns {
    align-items: flex-start;
    gap: 100px
}

#manufacturer .problems .columns .col:nth-child(2) {
    margin-top: 8px
}

#manufacturer .issues {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap
}

#manufacturer .issue {
    display: flex;
    flex: 1 1 45%;
    align-items: center;
    padding: 16px 2%;
    border-radius: 12px;
    background: #fff
}

#manufacturer .issue svg {
    margin-right: 16px
}

@media only screen and (max-width:960px) {
    #manufacturer .issue {
        flex: 1 1 98%
    }
}

#manufacturer .steps {
    margin-top: 96px
}

#manufacturer .steps a.button-yellow {
    margin-top: 40px
}

@media only screen and (max-width:960px) {
    #manufacturer .m-top img {
        margin-top: 64px
    }
}

@media only screen and (max-width:460px) {
    #manufacturer .m-top {
        overflow: hidden
    }
    #manufacturer .m-top .columns {
        padding-bottom: 0;
        margin-bottom: -7px
    }
    #manufacturer .m-top img {
        width: inherit;
        max-width: inherit;
        height: 500px
    }
		.mobile-get-started-button {
			        right: 20% !important;
		}
}

#team .top {
    padding: 40px 48px 80px;
    border-radius: 24px 24px 0 0;
    background-color: #020552;
    background-image: url(https://staging3.riolawgroup.com/wp-content/uploads/2025/05/Group-22.png);
    color: #fff;
    text-align: center
}

#team .top img {
    display: block;
    width: 64px;
    height: 64px;
    margin: 0 auto 24px
}

#team .top h3 {
    max-width: 800px;
    margin: auto;
    font-weight: 400
}

@media only screen and (max-width:960px) {
    #team .top {
        padding: 40px 16px 80px
    }
}

#team .members {
    padding: 72px 4%;
    margin-bottom: 24px;
    border-radius: 0 0 24px 24px;
    background: #fff
}

#team .members .columns {
    align-items: flex-start;
    gap: 40px
}

#team .members .columns .col:nth-child(1) {
    flex: 1 1 35%
}

#team .members .columns .col:nth-child(2) {
    flex: 1 1 65%
}

#team .members .member .columns {
    align-items: center;
    gap: 24px
}

#team .members .member img {
    width: 200px;
    height: auto
}

#team .members .member .info h3 {
    margin-bottom: 5px
}

#team .members .member .info a {
    font-size: 14px
}

#team .members .member .info h5 {
    margin-bottom: 5px
}

#team .members .member .bio {
    margin: 16px 0
}

#team .members .member .bio ul {
    margin: 0 0 25px 30px
}

#team .members .member:after {
    display: block;
    margin: 64px 0;
    width: 100%;
    height: 2px;
    background-color: #fdeb09;
    content: ""
}

#team .members .cta1 {
    margin: auto
}

#team .steps {
    max-width: inherit;
    padding: 48px;
    border-radius: 24px;
    background: #fff
}

#contact .col:nth-child(1) {
    flex: 1 1 50%
}

#contact .col:nth-child(2) {
    flex: 1 1 40%;
    margin-left: 10%
}

#contact a.button {
    margin-top: 16px
}

#contact ul.list-phone {
    margin-top: -10px
}

#contact .col .map {
    height: 0;
    padding-bottom: 100%;
    border-radius: 24px;
    overflow: hidden
}

#contact .col .map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important
}

@media only screen and (max-width:960px) {
    #contact .col:nth-child(1),
    #contact .col:nth-child(2) {
        flex: 1;
        margin: 0
    }
    #contact .col .map {
        margin-top: 64px
    }
	
	.mobile-get-started-button {
    display: flex
;
    position: absolute;
    top: 28px;
    right: 16%;
    z-index: 1;
    align-items: center;
    justify-content: center;
    background-color: #EAC13E;
    padding: 10px 20px 10px 20px;
    border-radius: 10px;
}
.mobile-get-started-button a {
    text-decoration: none;
    font-weight: 600;
}
/*     .single-manufacturer #click-menu .menu-link {
        background: #fdeb09
    } */
/*     .single-manufacturer a.menu-close.active {
        background: #fdeb09
    } */
}

body.page-id-327,
body.page-id-327 #header-wrap {
    background-color: #fff
}

body.page-id-327,
body.page-id-327 .content iframe {
    padding-bottom: 20px
}

ul.list-phone li:nth-child(2)::before {
    background: url(https://staging3.riolawgroup.com/wp-content/uploads/2025/05/Pin.svg)no-repeat !important;
}

ul.list-phone li:nth-child(3)::before {
    background: url(https://staging3.riolawgroup.com/wp-content/uploads/2025/05/Envelope.svg)no-repeat !important;
}

@media(max-width:825px) {
    .fbar-sliderWrapper {
        width: 100%;
        border: 0 solid;
        float: unset
    }
    .fbar-headingWrapper {
        border: 0 solid;
        width: 100%;
        float: unset;
        position: relative;
        top: 0
    }
}







/* ====================================================================
   Single post Author Box
   ==================================================================== */
div#reviews_now .answer.show *{
	text-align:left !important;
}
div#manufacturer .cta2 h2{
	color:white !important;
}
    .section-wrapper {
      position: relative;
      background-color: #fff;
      border-radius: 16px;
      padding: 48px;
		max-width:1220px;
      box-shadow:
        0 0 0 1px #cbd5e1, /* border-border */
        0 8px 16px rgb(0 0 0 / 0.07);
      overflow: visible;
/* 		min-height:527px; */
		margin-top:50px;
		margin-bottom:96px;
      display: flex;
      gap: 48px;
	background-image: url(https://247lemonlaw.com/wp-content/uploads/2025/09/bio-bg-corner-asset.svg);
    background-position: top left;
    background-repeat: no-repeat;
    }

    /* Image styles */
    .attorney-photo {
      flex-shrink: 0;
		width:250px;
		height:250px;
/*       width: 200px; */
/*       height: 250px; */
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 6px 10px rgb(0 0 0 / 0.12);
/*       border: 1.5px solid #cbd5e1; */
      background-color: #fff;
    }
    .attorney-photo img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    /* Content styles */
    .content {
      flex: 1;
    }
    .content h2 {
      font-weight: 700;
      font-size: 1.75rem;
      margin: 0 0 12px 0;
      color: #0a1f44; /* darker navy-ish */
      line-height: 1.2;
    }

    .name-line {
      display: flex;
      align-items: center;
      margin-bottom: 16px;
      font-weight: 600;
      font-size: 1.125rem;
      color: #394047; /* muted dark */
    }
    .name-line svg {
      width: 20px;
      height: 20px;
      stroke: #4f8aff;
      stroke-width: 2.2;
      stroke-linecap: round;
      stroke-linejoin: round;
      margin-right: 8px;
      flex-shrink: 0;
    }

    .description {
      color: #475569; /* text-muted-foreground */
      font-size: 1rem;
      line-height: 1.5;
      max-width: 650px;
    }

    /* Responsive */
    @media (max-width: 640px) {
      .section-wrapper {
        flex-direction: column;
        max-width: 95vw;
        padding: 24px;
		  gap:20px;
      }
      .attorney-photo {
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 1;
      }
      .content h2 {
        font-size: 1.5rem;
      }
      .content {
        margin-top: 20px;
      }
    }