/*Theme Name: Casey Law Offices, S.C. 
 * URL: https://www.casey-injurylaw.com/ 
 * Description: Wisonsin Auto and Motorcycle Accident Injury Attorney 
 * Author: Exults.com 
 * Author URI: http://www.exults.com/ * Version:V-2.0*/
/*---- Globel Css ----*/
html{ scroll-padding-top: 150px;}
:root {  --black-russian: #19192D;
     --Mindaro: #D2E063;
     --deep-koamaru: #32325B;
     --rich-blue: #5f5fad;
     --cadet-blue: #55A4A5;
     --black: #000;
     --white: #fff;
     --quartz:#E2E2E8;
     --Ghost:#B4B4B7;
     --Vista-blue :#8CCEB1;
     --Comet :#616172;
     --Lily-White : #E8F5EF;
     --gery: #f3f3f3;
     --Moody-blue : #7979DD;
    }
    :root {  --base: #32325b;
     --bg-blend: multiply;
     --blur: 0px;
     --fg-blend: multiply;
     --foreground: #e2e2e8;
     --opacity: 1;
     --spacing: 0px;
    }
html body { color: var(--black-russian); margin: 0; font-family: 'Barlow', sans-serif; }
.container { max-width: 1178px; }
a { text-decoration: none; }
a:hover { text-decoration: none; }
h1, h2, h3, h4, h5, h6, p, ul { margin: 0; padding: 0; color: var(--black-russian); letter-spacing: 0.02em; }
.bttn { border: none; background: none; padding: 0; display: inline-block; }
.bttn a { display: block; padding: 10px 25px; background: var(--Mindaro); color: var(--black-russian); font-weight: 600; border: solid 2px var(--Mindaro); transition: all .5s ease-out; }
.bttn small { font-size: 0.875em; margin-top: 8px; display: block; text-align: center; }
.bttn + .bttn.border { margin-top: 44px; vertical-align: top; }
div + .bttn { margin-top: 45px; }
.bttn.border a { background: none; color: var(--Mindaro); }
.bttn.border a .fa-mobile-screen { margin-right: 6px; }
.bttn a:hover { text-decoration: underline; }
.bttn + .bttn { margin-left: 15px; margin-top: 15px; }
.text-link { border: none; background: none; padding: 0; display: inline-block; font-weight: 600; letter-spacing: 0.02em; }
.text-link a { color: var(--rich-blue); }
.text-link a:hover{ text-decoration: underline;}
.bttn + .text-link { margin-left: 15px; vertical-align: top; margin-top: 45px; line-height: 49px; }
section ul li { color: var(--white); font-size: 1em; font-family: 'Barlow'; font-weight: 400; padding-left: 25px; position: relative; }
section ul li b { font-weight: 600; }
section ul li + li { margin-top: 5px; }
section ul li:before { content: ""; width: 7px; height: 7px; display: block; background: var(--Vista-blue); border-radius: 100%; position: absolute; left: 0; top: 10px; }
li { list-style: none; }
p { font-size: 1.125em; font-family: 'Barlow'; font-weight: 400; }
p a { font-family: 'Barlow'; font-weight: 600; color: var(--Moody-blue); text-decoration: none; }
p a:hover{ text-decoration: underline;}
p + p { margin-top: 20px; }
p b { font-family: 'Barlow'; font-weight: 600; letter-spacing: inherit; }
p + ul { margin-top: 20px; }
p + div { margin-top: 25px; }
p + .bttn { margin-top: 45px; }
ul + .bttn { margin-top: 45px; }
h2 { font-size: 2.750em; font-family: 'Big Shoulders Display'; text-transform: uppercase; font-weight: 700; letter-spacing: 0.05em; color: var(--deep-koamaru); }
h2 + p { margin-top: 0.6em; }
h3 { font-size: 1.5em; font-family: 'Barlow', sans-serif; font-weight: 600; letter-spacing: 0.02em; }
h3 + p { margin-top: 0.6em; }
h3 + ul { margin-top: 0.6em; }
p + h3 { margin-top: 50px; }
h2 + h3 { margin-top: 0.6em; }
div + h3 { margin-top: 0.6em; }
p + h2 { margin-top: 50px; }
p + hr { margin-top: 50px; }
hr + h2 { margin-top: 50px; }
ul + h3 { margin-top: 50px; }
ul + p { margin-top: 0.6em; }
p + ul { margin: 15px 0; }
p + .text-box-lead-in { margin-top: 50px; }
.text-box-lead-in + p { margin-top: 50px; }
p strong { font-family: 'Barlow'; }
img { max-width: 100%; }
h4 { margin-bottom: 20px; font-size: 1.125em; font-weight: 600; color: var(--deep-koamaru); }
.table-wrap { display: table; width: 100%; }
.table-wrap aside { display: table-cell; width: 50%; height: inherit; vertical-align: middle; float: none; }
body .gform_wrapper.gravity-theme .gfield_label { font-weight: 600; letter-spacing: 0.02em; }
body .gform_wrapper.gravity-theme .gfield_label .gfield_required { font-size: 1em; }
body .gform_wrapper.gravity-theme .gfield input, body .gform_wrapper.gravity-theme .gfield select, body .gform_wrapper.gravity-theme .gfield textarea { border: solid 1px var(--Ghost); background-color: var(--white); }
body .gform_wrapper.gravity-theme .gfield textarea.large { height: 69px; }
.id-target { padding-top: 80px; margin-top: -80px; }
/*Globel End*/
/*---- Header ----*/
.header { position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; transition: all .5s ease-out; }
.header .sec-in { max-width: 1300px; margin: 0 auto; }
.header .navgation { padding-left: 0; }
.header .top-bar { background: var(--black-russian); }
.header .top-bar .menu { display: flex; }
.header .top-bar .top-nav ul li + li { margin-left: 18px; }
.header .top-bar .top-nav ul li a { color: var(--Moody-blue); font-size: 0.813em; text-transform: uppercase; font-weight: 600; letter-spacing: 0.08em; display: block; padding: 7px 0; }
.header .top-bar .top-nav ul li a:hover{ text-decoration: underline;}
.header .logo { position: relative; }
.header .logo img { top: -18px; position: absolute; width: 100%; max-width: 165px; transition: all .5s ease-out; z-index: 99; }
header .ubermenu .ubermenu-item.ubermenu-item-level-0 { padding: 15px 0; transition: all .5s ease-out; vertical-align: top; }
header .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target { letter-spacing: 0.02em; font-weight: 500; }
.header .ubermenu-main .header-bttn a.ubermenu-target { background: var(--Mindaro); color: var(--black-russian); margin-left: 15px; font-weight: 600; border: solid 2px var(--Mindaro); padding-top: 13px !important; padding-bottom: 13px !important; }
.header .ubermenu-main .header-border-bttn a.ubermenu-target { border: solid 2px var(--black-russian); color: var(--black-russian); font-weight: 600; padding-top: 13px !important; padding-bottom: 13px !important; }
.header .main-nav { background: var(--white); transition: all .5s ease-out; }
.header .main-nav .ubermenu-item-level-0 > .ubermenu-target { color: var(--black-russian); z-index: 999; }
.header .main-nav .ubermenu-item-level-0 > .ubermenu-target:hover span, .header .main-nav .ubermenu-item-level-0.ubermenu-active > .ubermenu-target span{ text-decoration: underline;}
header .ubermenu .ubermenu-nav .left-menu { width: 50%; padding: 140px 15px 7px 0; }
header .ubermenu .ubermenu-nav .right-lead-in { width: 50%; display: flex; align-items: center; padding-left: 204px; margin-top: 0; }
header .ubermenu li.ubermenu-active.ubermenu-item-level-0 > a { font-weight: 600; }
header .ubermenu .left-menu .heading .ubermenu-content-block { padding: 0; }
header .ubermenu .left-menu .menu-items li a.ubermenu-target { padding-left: 0; }
header .header-bttns { position: relative; z-index: 999; }
header .header-bttns .bttn.border { border: none !important; }
header .header-bttns .bttn + .bttn { margin-left: 8px; }
header .header-bttns .bttn.border a { color: var(--black-russian); border-color: var(--black-russian); }
.header .main-nav .nav-container > .ubermenu-row { display: flex; margin: 0; }
header .ubermenu .ubermenu-nav .left-menu > .ubermenu-submenu { max-width: 633px; margin-left: auto; }
header .ubermenu .ubermenu-nav .right-lead-in > .ubermenu-submenu-type-stack { width: 100%; height: 100%; background: url(images/menu-bg-img.jpg) no-repeat center; display: flex; background-size: cover; align-items: center; }
.header .main-nav .nav-container { margin: 0; border-bottom: solid 1px var(--quartz); }
header .ubermenu .ubermenu-nav .right-lead-in h2 { color: var(--white); text-align: center; letter-spacing: 0.05em; }
header .ubermenu .ubermenu-nav .right-lead-in p { color: var(--white); text-align: center; }
header .ubermenu .ubermenu-nav .right-lead-in .content { max-width: 363px; margin: 0 auto; }
header .ubermenu .ubermenu-item-level-0 > .ubermenu-submenu-drop, header .ubermenu .ubermenu-item-level-0.ubermenu-item > .ubermenu-submenu-drop { clip: auto; overflow: visible; margin-top: 34px; box-shadow: none; }
header .ubermenu.ubermenu-transition-slide .ubermenu-active>.ubermenu-submenu.ubermenu-submenu-type-mega, header .ubermenu:not(.ubermenu-transition-slide) .ubermenu-submenu.ubermenu-submenu-type-mega { overflow: visible; top: 0; }
header .ubermenu .mega-menu > .ubermenu-submenu { box-shadow: none !important; border-top: solid 1px var(--black-russian); margin-top: 15px; }
.header-bttns.active .bttn.border a { border-color: var(--Mindaro); color: var(--Mindaro); }
.header .top-bar .sec-in { padding: 0 15px; }
.header.scrolled-nav .ubermenu .ubermenu-item-level-0 > .ubermenu-submenu-drop, .header.scrolled-nav .ubermenu .ubermenu-item-level-0.ubermenu-item > .ubermenu-submenu-drop { margin-top: 0; }
header .ubermenu .left-menu .car-accident-list, header .ubermenu .left-menu .motorcycle-accident-list { margin: 0 -40px; }
header .ubermenu .left-menu .car-accident-list, header .ubermenu .left-menu .motorcycle-accident-list { margin: 0 -20px; }
header .ubermenu .left-menu .car-accident-list li button, header .ubermenu .left-menu .motorcycle-accident-list li button { background: none; border: none; padding: 9px 0; font-size: 18px; }
header .ubermenu .left-menu .car-accident-list li button a, header .ubermenu .left-menu .motorcycle-accident-list li button a { font-family: 'Barlow'; color: var(--black-russian); }
header .ubermenu .left-menu .car-accident-list li button a:hover, header .ubermenu .left-menu .motorcycle-accident-list li button a:hover{ text-decoration: underline;}
header .logo .phone { display: none; }
header .logo .mobile-logo {  display: none;}
/*Header End*/
/*---- Home Banner ----*/
.home-banner { background: center no-repeat; background-size: cover; background-position: top; }
.home-banner .sec-in { padding: 175px 0 45px; position: relative; }
.home-banner .sec-in:before { content: ""; background: linear-gradient(0deg, rgba(24,24,63,1) 0%, rgba(50,50,91,1) 100%); display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.5; }
.home-banner .sec-in .row { position: relative; z-index: 1; }
.header.scrolled-nav .top-bar { height: 0; overflow: hidden; transition: all .5s ease-out; }
.header.scrolled-nav .logo img { top: 0; transition: all .5s ease-out; }
.header.scrolled-nav .ubermenu .ubermenu-item.ubermenu-item-level-0 { padding: 14px 0px; transition: all .5s ease-out; }
.header.scrolled-nav { background: var(--black-russian); transition: all .5s ease-out; }
.home-banner h1 { font-size: 4.250em; font-family: 'Big Shoulders Display'; color: var(--Mindaro); font-weight: 900; letter-spacing: 0; text-shadow: 0 0 2px var(--black-russian); }
.home-banner h2 { font-size: 2.750em; color: var(--white); text-transform: uppercase; font-weight: 700; letter-spacing: 0.05em; text-shadow: 0 0 2px var(--black-russian); }
.home-banner .sub-text { font-size: 1.500em; font-family: 'Big Shoulders Display'; text-transform: uppercase; font-weight: 700; color: var(--white); letter-spacing: 0.05em; margin-top: 30px; text-shadow: 0 0 2px var(--black-russian); }
.home-banner .sub-text span + span { margin: 0 15px; }
.home-banner .sub-text a { font-weight: 900; color: var(--Mindaro); }
.home-banner .left-cont .quote { max-width: 325px; margin-top: 82px; padding: 20px 0 20px 35px; background: url(images/side-border.svg) no-repeat; }
.home-banner .left-cont .quote p { font-size: 1.500em; line-height: 1.25em; color: var(--white); font-weight: 400; text-shadow: 0 0 2px var(--black-russian); }
.home-banner .left-cont .quote p span { font-weight: 700; }
.home-banner .left-cont .quote .tag { font-size: 0.938em; margin-top: 18px; display: block; color: var(--white); font-weight: 500; letter-spacing: 0.02em; text-shadow: 0 0 2px var(--black-russian); }
.home-banner .right-cont .form-in { background: var(--white); padding: 30px 40px; text-align: center; }
.home-banner .right-cont .form-in h3 { font-family: 'Barlow'; font-weight: 600; }
.home-banner .right-cont .form-in small { font-size: 0.875em; }
.home-banner .left-cont .mobile-bg-img { display: none; }
/*Home Banner End*/
/*---- Home intro ----*/
.hm-intro { padding: 60px 0; }
.hm-intro .cont-sec { padding-left: 40px; }
.hm-intro-col-text p { font-size: 1em; }
.hm-intro-col-text { padding: 60px 0; }
.hm-intro-col-text .item { padding-right: 15px; padding-left: 15px; }
/*Home Banner End*/
/*---- Home slider ----*/
.hm-slider-with-nav .left-nav { background: var(--quartz); padding: 50px 60px 50px 15px;display: flex;     align-items: center; }
.hm-slider-with-nav .left-nav .left-in { max-width: 490px; margin-left: auto; }
.hm-slider-with-nav .left-nav .owl-dots { margin-top: 30px; }
.hm-slider-with-nav .left-nav .owl-dot a {      font-size: 1.125em;font-weight: 400; color: var(--black-russian); padding: 7px 0; display: block; }
.hm-slider-with-nav .left-nav .owl-dot { border-bottom: solid 1px var(--Comet); transition: all .5s ease-out; }
hm-slider-with-nav .left-nav .owl-dot a:before { content: "\f111"; font-size: 0; font-weight: 900; font-family: "Font Awesome 6 Pro"; color: var(--rich-blue); position: absolute; left: 0; top: 15px; transition: all .10s ease-out; }
.hm-slider-with-nav .left-nav .owl-dot.active, .hm-slider-with-nav .left-nav .owl-dot:hover { border-bottom: solid 2px var(--black-russian); transition: all .5s ease-out; }
.hm-slider-with-nav .left-nav .owl-dot.active a, .hm-slider-with-nav .left-nav .owl-dot:hover a {      font-size: 1.25em;padding-left: 20px; color: var(--rich-blue); font-weight: 600; position: relative; transition: all .5s ease-out; }
.hm-slider-with-nav .left-nav .owl-dot.active a:before, .hm-slider-with-nav .left-nav .owl-dot:hover a:before { content: "\f219"; font-family: "Font Awesome 6 Pro"; font-weight: 900; font-size: 0.563em; position: absolute; left: 0; top: 15px; transition: all .10s ease-out; }
.hm-slider-with-nav .right-slider { padding: 0; }
.hm-slider-with-nav .right-slider .item { background: no-repeat center; background-size: cover; height: 100%; display: flex; padding: 80px 10px 50px 60px;/* margin-top: -160px;*/      align-items: center;}
.hm-slider-with-nav .right-slider .owl-stage { display: flex; }
.hm-slider-with-nav .right-slider .item-in { max-width: 565px; position: relative; z-index: 1; }
.hm-slider-with-nav .right-slider h3 { color: var(--white); font-size: 1.250em; letter-spacing: 0.02em; }
.hm-slider-with-nav .right-slider h4 { color: var(--white); }
.hm-slider-with-nav .right-slider p { color: var(--white); }
.hm-slider-with-nav .right-slider .bttn small { color: var(--white); }
.hm-slider-with-nav .right-slider .count { color: var(--Mindaro); font-size: 1.125em; margin-bottom: 40px; }
.hm-slider-with-nav .right-slider .owl-nav {position: absolute;     top: 50%;     left: 0;     background: var(--Mindaro);     margin-left: -26px;     font-size: 1em;     color: var(--deep-koamaru);     line-height: 54px;     border-radius: 100%;     width: 55px;     text-align: center;     margin-top: -25px; }
.hm-slider-with-nav .right-slider .owl-nav div {     display: inline-block;     margin: 0 4px; }
.home-banner .right-cont .form-in .gform_wrapper { margin-top: 30px; text-align: left; }
.gform_wrapper.gravity-theme .gform_footer button, .gform_wrapper.gravity-theme .gform_footer input, .gform_wrapper.gravity-theme .gform_page_footer button, .gform_wrapper.gravity-theme .gform_page_footer input { width: 100%; border: none; background: var(--Mindaro); font-weight: 600; letter-spacing: 0.02em; padding: 14px; 
    color: var(--black-russian); }
.gform_wrapper.gravity-theme .gform_footer button, .gform_wrapper.gravity-theme .gform_footer input:hover, .gform_wrapper.gravity-theme .gform_page_footer button:hover, .gform_wrapper.gravity-theme .gform_page_footer input:hover{ text-decoration: underline;}
.img-wrapper { background-color: var(--base); display: flex; flex: 1 1 100%; height: 100%; overflow: hidden; padding: var(--spacing); position: absolute; width: 100%; left: 0; top: 0; }
.img-wrapper img { filter: grayscale(100%) contrast(1) blur(var(--blur)); flex: 1 0 100%; height: 100%; max-width: 100%; mix-blend-mode: var(--bg-blend); object-fit: cover; opacity: var(--opacity); position: relative; width: 100%; }
.img-wrapper::before { background-color: var(--foreground); bottom: 0; content: ''; height: 100%; left: 0; mix-blend-mode: var(--fg-blend); position: absolute; right: 0; top: 0; width: 100%; z-index: 1; }
/*Home slider End*/
/*---- We Love Our Clients ----*/
.hm-our-success { padding: 70px 0; }
.hm-our-success .sec-in { max-width: 700px; text-align: center; margin: 0 auto 40px; }
.hm-our-success .sec-in .bttn a { padding: 10px 40px; }
.hm-our-success .row { margin-top: 60px; }
.hm-our-success .lead-in { padding: 5px; }
.hm-our-success .border-gradient { height: 100%; padding: 2px; background: linear-gradient(0deg, rgba(210,224,99,1) 0%, rgba(85,164,165,1) 100%); }
.hm-our-success .block-in { background: var(--white); height: inherit; padding: 40px 25px; }
.hm-our-success .block-in h3 { color: var(--deep-koamaru); font-size: 1.375em; margin-top: 8px; }
.hm-our-success .block-in .sub-text { text-transform: uppercase; font-weight: 600; letter-spacing: 0.08em; }
.hm-our-success .block-in p { font-size: 1em; line-height: inherit; }
.hm-our-success .hm-success-carousel .owl-stage { display: flex; }
.hm-our-success .hm-success-carousel .owl-item { display: flex; }
/**/
/*---- Home about sec ----*/
.hm-about-sec { padding: 60px 0; }
.hm-about-sec .badges .col:last-child { text-align: right; }
.hm-about-sec .badges .col { text-align: center; }
.hm-about-sec .badges .col:nth-child(1) { text-align: left; }
.hm-about-cont { max-width: 738px; margin: 0 auto; padding: 45px 15px 60px; text-align: center; }
.hm-team { overflow: hidden; }
.hm-team .left-cont .sub-text { text-transform: uppercase; font-weight: 600; letter-spacing: 0.08em; }
.hm-team .left-cont h3 { margin-top: 18px; }
.hm-team .left-cont .quote { position: relative; margin-top: 30px; padding: 10px 0 10px 35px; max-width: 330px; }
.hm-team .left-cont .quote::before { content: ""; position: absolute; left: 0; top: 0; background: url(images/side-border.svg) no-repeat; display: block; width: 11px; height: 100%; background-size: 19px; }
.hm-team .left-cont .quote .tag { margin-top: 30px; display: block; font-size: 0.938em; }
.hm-team .left-cont .quote .tag span { display: block; font-weight: 600; }
.hm-team .left-cont .left-in { max-width: 575px; padding-right: 40px; margin-left: auto; }
.hm-team .right-slider { position: relative;}
.hm-team .right-slider:before { content: ""; background: var(--cadet-blue); width: 100%; height: 180px; display: block; position: absolute; left: 0; bottom: 0; }
.hm-team .right-slider .hm-team-carousel .owl-stage { padding-left: 0 !important; }
.hm-team .right-slider .item { position: relative; }
.hm-team .right-slider .item .name { position: absolute; left: 0; bottom: 0; background: rgba(19, 19, 34, 0.85); min-width: 200px; font-size: 1.125em; font-family: 'Barlow'; font-weight: 600; color: var(--Mindaro); padding: 9px 14px; line-height: 1.125em; }
.hm-team .right-slider .item .name span { display: block; color: var(--white); font-weight: 600; }
.hm-team .right-slider .owl-nav { position: absolute; top: 50%; right: 0; margin-top: -45px; width: 100%; opacity: 0; transition: all .5s ease-out; }
.hm-team .right-slider .owl-nav div { background: rgba(50, 50, 91, 0.8); display: inline-block; width: 83px; height: 83px; text-align: center; line-height: 83px; border-radius: 100%; font-size: 1.875em; color: #fff; }
.hm-team .right-slider .owl-nav .owl-next { margin-right: -15px; float: right; }
.hm-team .right-slider .owl-nav .owl-prev { float: left; margin-left: -15px; }
.hm-team .right-slider .owl-nav .owl-prev.disabled, .hm-team .right-slider .owl-nav .owl-next.disabled { display: none; }
.hm-team .right-slider:hover .owl-nav { opacity: 1; transition: all .5s ease-out; }
/**/
/*---- Home Reviews sec ----*/
.hm-reviews-sec { padding: 20px 0 60px; }
.hm-reviews-sec .border-gradient { padding: 2px; background: linear-gradient(0deg, rgba(210,224,99,1) 0%, rgba(85,164,165,1) 100%); margin: 0 -15px; }
.hm-reviews-sec .border-gradient .border-in { background: var(--white); height: inherit; padding: 45px 90px; }
.hm-reviews-sec .title { text-transform: uppercase; font-weight: 600; letter-spacing: 0.08em; margin-bottom: 45px; }
.hm-reviews-sec .owl-nav div { width: 33px; line-height: 33px; display: inline-block; border: solid 1px var(--quartz); text-align: center; border-radius: 100%; font-size: 0.813em; }
.hm-reviews-sec .owl-nav { position: absolute; top: -73px; right: 0; }
.hm-reviews-sec .owl-nav div + div { margin-left: 8px; }
.hm-reviews-sec .owl-nav div.disabled { color: var(--quartz); }
.hm-reviews-sec h3 { font-size: 2.063em; font-family: 'Big Shoulders Display'; text-transform: uppercase; font-weight: 700; color: var(--deep-koamaru); letter-spacing: 0.05em; }
.hm-reviews-sec .stars { margin-top: 10px; color: var(--deep-koamaru); }
.hm-reviews-sec p { font-size: 1.250em; }
.hm-reviews-sec .tag { text-align: right; font-weight: 600; }
.hm-reviews-sec .tag span { display: block; font-weight: 400; }
.hm-reviews-sec .owl-dots {     display: block;     text-align: center; }
.hm-reviews-sec .owl-dots .owl-dot {     display: inline-block;     width: 13px;     height: 13px;     border-radius: 100%;     border: solid 1px var(--black-russian);     margin: 0 5px; }
.hm-reviews-sec .owl-dots .owl-dot.active {     background: var(--Vista-blue);     border-color: var(--Vista-blue); }

/**/
/*---- Home FAQ sec ----*/
.hm-faq-se { padding: 50px 0; background: var( --quartz); }
.hm-faq-se .left-cont .sub-text { font-weight: 600; letter-spacing: 0.08em; }
.hm-faq-se .left-cont h3 { max-width: 500px; }
.hm-faq-se .right-accordion { padding-left: 40px; }
.hm-faq-se .right-accordion .right-in { background: var(--white); border: solid 1px var(--Ghost); padding: 40px 35px 50px; }
.hm-faq-se .right-accordion .accordion-button { padding: 12px 12px 12px 0; font-weight: 500; }
.hm-faq-se .right-accordion .accordion-button:not(.collapsed) { color: var(--black-russian); background: none; }
.hm-faq-se .right-accordion .accordion-body p { font-size: 1em; }
.hm-faq-se .right-accordion .accordion-item + .accordion-item { margin-top: 10px; }
.hm-faq-se .right-accordion .accordion-item { border: none; border-bottom: solid 1px var( --black-russian); }
/**/
/*---- Footer Form sec ----*/
.bottom-form { padding: 60px 0; background: url(images/footer-form-bg.jpg) no-repeat; background-size: cover; position: relative; }
.bottom-form:before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; background: linear-gradient(0deg, rgba(24,24,63,1) 0%, rgba(50,50,91,1) 100%); opacity: 0.7; }
.bottom-form .form-in { position: relative; text-align: center; background: var(--white); padding: 35px 40px; max-width: 450px; margin: 0 auto; }
.bottom-form .form-in .gform_body { text-align: left; margin-top: 25px; }
/**/
footer { background: var(--black-russian); padding: 50px 0 0; }
footer .footer-logo { max-width: 220px; }
footer .footer-block ul li a { color: var(--white); font-weight: 500; }
footer .footer-block ul li a:hover{ text-decoration: underline;}
footer .footer-block .social-media { margin-top: 40px; }
footer .footer-block .social-media li { display: inline-block; }
footer .footer-block .menu li + li { margin-top: 25px; }
footer .footer-block .social-media li a { font-size: 1.125em; color: var(--Mindaro); }
footer .footer-block .social-media li + li { margin-left: 15px; }
footer .footer-block .social-media li a img { max-width: 60px; }
footer .footer-block h4, footer .footer-block h4 a { color: var(--Mindaro); }
footer .footer-block h4:hover{ text-decoration: underline;}
footer .footer-block p { color: var(--white); }
footer .copyright { border-top: solid 1px var(--deep-koamaru); margin-top: 25px; padding: 16px 0; }
footer .copyright p { font-size: 0.875em; color: var(--Comet); line-height: inherit; }
footer .copyright .policy-links { margin-top: 15px; font-size: 0.875em; color: var(--Comet); }
footer .copyright .policy-links a { color: var(--Moody-blue); font-weight: 600; }
footer .copyright .policy-links a + a { margin: 0 35px; }
footer .copyright .policy-links a:hover{ text-decoration: underline;}
/**/
/*-------------------- --- Inner Page Sec --- --------------------*/
/*---- inner banner sec ----*/
.inner-banner { margin-top: 112px; position: relative; background: var(--deep-koamaru); }
.inner-banner .banner-img { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background: center no-repeat; background-size: cover; background-color: #32325bb8; background-blend-mode: multiply; }
.inner-banner .inner-banner-in { position: relative; z-index: 1; text-align: center; height: 385px; display: flex; width: 100%; justify-content: center; align-items: center; }
.inner-banner h1 { font-size: 3.500em; color: var(--Mindaro); font-family: 'Big Shoulders Display'; font-weight: 900; text-shadow: 0 0 2px var(--black-russian); letter-spacing: 0; }
/**/
/*---- inner content sec ----*/
.inner-content-sec { padding: 70px 0; }
.inner-content-sec .right-cont .form-in { border: solid 2px var(--Ghost); padding: 2em; text-align: center; }
.inner-content-sec .right-cont .form-in .gform_wrapper { text-align: left; margin-top: 35px; }
.inner-content-sec .right-cont { padding-left: 40px; }
.inner-content-sec .left-cont { padding-right: 40px; }
.inner-content-sec ul li { color: var(--black-russian); }
/**/
/*---- attorney john sec ----*/
.attorney-john-sec { position: relative; }
.attorney-john-sec .left-attorney-img { position: relative;    display: flex; }
.attorney-john-sec .left-attorney-img img {    opacity: 0;  }
.attorney-john-sec::before { content: ""; background: var(--deep-koamaru); display: block; position: absolute; left: 0; top: 0; width: calc(50% - 310px); height: 100%; }
.attorney-john-sec .left-attorney-img .phone-text { position: absolute; left: -210px; transform: rotate(270deg); bottom: 210px; font-family: 'Big Shoulders Display'; font-size: 1.500em; letter-spacing: 0.05em; font-weight: 600; color: var(--white); }
.attorney-john-sec .left-attorney-img .phone-text a { color: var( --Mindaro); margin-right: 18px; font-weight: 900; }
.attorney-john-sec .right-attorney-bio { padding-top: 50px; }
.attorney-john-sec .right-attorney-bio .quote { position: relative; margin-top: 30px; padding: 10px 0 10px 35px; max-width: 330px; }
.attorney-john-sec .right-attorney-bio .quote::before { content: ""; position: absolute; left: 0; top: 0; background: url(images/side-border.svg) no-repeat; display: block; width: 11px; height: 100%; background-size: 19px; }
.attorney-john-sec .right-attorney-bio .quote .tag { margin-top: 30px; display: block; font-size: 0.938em; }
.attorney-john-sec .right-attorney-bio .quote .tag span { display: block; font-weight: 600; }
.attorney-john-sec .right-attorney-bio iframe {    width: 100%;  }
.attorney-john-sec .left-attorney-img .image-wrap {    border-top-left-radius: 266px;    border-top-right-radius: 266px;    overflow: hidden;    display: inline-block;background: no-repeat center;background-size: cover;}

/**/
/*---- Inner page Badges Sec ----*/
.attorney-john-sec + .inner-page-badges_sec { margin-top: 80px; }
.inner-page-badges_sec { padding: 25px 0; background: var(--Lily-White); }
/**/
.hm-intro-col-text.inner-page-sec { padding: 80px 0; }
.hm-intro-col-text.inner-page-sec h2 { text-align: center; margin-bottom: 50px; }
.bottom-lead-ins .lead-in { position: relative; }
.bottom-lead-ins { border-bottom: solid 4px var(--Vista-blue); }
.bottom-lead-ins .lead-in .content { position: relative; text-align: center; padding: 100px 0; max-width: 405px; margin: 0 auto; z-index: 1; }
.bottom-lead-ins .lead-in .content h3 { color: var(--white); }
.bottom-lead-ins .lead-in .content p { color: var(--white); }
/*---- Inner page faq Sec ----*/
.faqs-page-section { padding: 66px 0 80px;}
.main-faq-block { padding: 0 0 50px 60px; }
.faqs-page-section .main-faq-block h3 { font-size: 2.750em; font-family: 'Big Shoulders Display'; text-transform: uppercase; font-weight: 700; letter-spacing: 0.05em; color: var(--deep-koamaru); padding-bottom: 30px; }
.main-faq-block .accordion-header .accordion-button { font-size: 1.125em; font-family: 'Barlow'; font-weight: 600; color: var(--black-russian); padding-left: 0; padding-right: 0; }
.main-faq-block .accordion-item { border: none; border-bottom: 1px solid var(--deep-koamaru); }
.main-faq-block .accordion-button:focus { border-color: var(--black-russian); outline: 0; box-shadow: none; }
.main-faq-block .accordion-button:not(.collapsed) { background-color: transparent; box-shadow: inset 0 -1px 0 rgba(0,0,0,.125); }
.main-faq-block .accordion-body { padding: 1rem 0 40px; }
.faq-sidebar-main { padding: 50px 40px; background: var(--gery); }
.faq-sidebar { padding-bottom: 40px; }
.faq-sidebar h3 { font-size: 1.125em; font-family: 'Barlow'; font-weight: 700; color: var(--black-russian); padding-bottom: 20px; }
.faq-sidebar ul li { padding: 0; }
.faq-sidebar ul li::before { display: none; }
.faq-sidebar ul li a { color: var(--rich-blue); font-weight: 600; transition: all ease-in-out 0.3s; }
.faq-sidebar ul li a:hover { color: var(--deep-koamaru); transition: all ease-in-out 0.3s; }
.faq-sidebar#custom_html-5 { text-align: center; padding-bottom: 0; padding-top: 40px; border-top: solid 1px var(--black-russian); }
.mobile-dropdown .mobile-owl-dots div { z-index: 2; }
.mobile-dropdown .mobile-owl-dots div:not(.init) { display: none; background: #ddd; }
.mobile-dropdown .mobile-owl-dots div:not(.init):hover, ul li.selected:not(.init) { background: #09f; }
.mobile-dropdown .mobile-owl-dots div.init { cursor: pointer; }
.pg-lead-boxe-con { text-align: center; margin-top: 30px; }
.pg-lead-boxe-con button.bttn.black-btn { margin-top: 25px; }
/* Contact Page */
.address { padding: 40px 0 20px; }
.address h3 { margin-top: 4%; color: var(--deep-koamaru); }
.address-icon { padding: 6px 20px 0 0; }
body .taptap-subheading { position: absolute; left: 18px; top: 17px; font-size: 1.375em; color: var(--Mindaro); }
body .taptap-subheading a { font-size: 1.375em; }
body .taptap-main-inner-inner { padding: 17px 15px; }
body .taptap-widgets-wrapper { background: var(--Mindaro); position: fixed; bottom: 0; left: 0; width: 100%; }
body .taptap-widgets-wrapper .widget { font-family: 'Barlow', sans-serif; margin: 0; }
body .taptap-widgets-wrapper .widget .mobile-bottom-link a { font-family: 'Barlow', sans-serif; font-weight: 700; color: #131322; font-size: 1.375em; text-decoration: none; padding: 20px 20px; display: block; }
body .taptap-menu-button-wrapper.taptap-menu-active { right: 5px; left: auto; }
body .taptap-menu-button-wrapper.taptap-menu-active .taptap-main-menu-button::before, body .taptap-menu-button-wrapper.taptap-menu-active .taptap-main-menu-button div.taptap-main-menu-button-middle::before, body .taptap-menu-button-wrapper.taptap-menu-active .taptap-main-menu-button::after { width: 20px; }
body .taptap-by-bonfire #menu-mobile-menu li { text-align: left; }
body .taptap-by-bonfire #menu-mobile-menu li a { color: #fff; font-size: 1.375em; font-family: 'Barlow', sans-serif; font-weight: 600; }
body .taptap-sub-arrow { right: 0; margin: 18px 0 0 13px; }
body .taptap-sub-arrow-inner::before, body .taptap-sub-arrow-inner::after { background-color: #fff; }
body .taptap-sub-arrow-inner { border-left: none; }
body .taptap-by-bonfire #menu-mobile-menu .sub-menu li a { font-size: 1.125em; font-weight: normal; padding: 3px 0; }
body .taptap-by-bonfire #menu-mobile-menu .sub-menu { padding-bottom: 20px; }
body .taptap-by-bonfire { margin-top: 25px; margin-bottom: 100px; }
.blog-page-top-title { margin-top: 162px; position: relative; }
.blog-sidebar-main { padding: 50px 40px; background: var(--gery); }
.blog-sidebar-main h3 { font-size: 1.125em; font-family: 'Barlow'; font-weight: 600; color: var(--black-russian); padding-bottom: 20px; }
.blog-sidebar-main .blog-sidebar ul { margin: 0 0 20px; }
.blog-sidebar-main .blog-sidebar ul li { padding: 0 0 10px 0; margin-top: 0; }
.blog-sidebar-main .blog-sidebar ul li::before { display: none; }
.blog-sidebar-main .blog-sidebar ul li a { color: var(--rich-blue); font-weight: 600; transition: all ease-in-out 0.3s; font-size: 0.88em; }
.blog-sidebar-main .blog-sidebar ul li a:hover { color: var(--deep-koamaru); transition: all ease-in-out 0.3s; text-decoration:underline;}
.blog-sidebar-main #custom_html-7 { text-align: center; padding-bottom: 0; padding-top: 40px; border-top: solid 1px var(--black-russian); }
.blog-page-top-title h1 { font-size: 3.11111em; font-weight: 900; margin-bottom: 30px; font-family: 'Big Shoulders Display'; }
.blog-page-top-title h1 span { font-weight: 600; color: var(--deep-koamaru); font-size: 0.8em; text-transform: uppercase; }
.blog-post-sec { padding: 0 20px 26px 0; }
.blog-post-sec { padding-bottom: 26px; padding-right: 26px; }
.post-con h3.post-title { padding-bottom: 10px; }
.post-con h3.post-title a { color: var(--rich-blue); font-weight: 600; transition: all ease-in-out 0.3s; }
.post-con h3.post-title a:hover { color: #000; transition: all ease-in-out 0.3s; }
.post-con .excerpt { font-size: 1.125em; }
.blog-post-sec .post-con.w-50 { padding-left: 12px; }
body .ajax-load-more-wrap.white .alm-load-more-btn { background-color: #fff; color: #131322; border: 3px solid #131322; transition: none; outline: 0; width: 100%; font-size: 1.125em; font-family: 'Barlow', sans-serif; font-weight: 700; height: 49px; }
.blog-main-sec { padding-bottom: 100px; }
.blog-post-single .single-post-title { font-family: 'Big Shoulders Display'; text-transform: uppercase; font-size: 2.75em; font-weight: 700; color: var(--deep-koamaru); margin-bottom: 30px; letter-spacing: 3px; }
.single-post-thumb img { margin-bottom: 30px; }
.single-post-con h3 { font-weight: 700; margin-bottom: 20px; margin-top: 0; }
.single-post-con p { margin-bottom: 25px; }
.blog-page-top-title .top-title { font-size: 3.11111em; font-weight: 900; margin-bottom: 0; font-family: 'Big Shoulders Display'; }
.blog-page-top-title .breadcrumb-nav { font-weight: 600; margin-bottom: 30px; }
.blog-page-top-title .breadcrumb-nav a:hover {text-decoration:underline;}
.blog-page-top-title .breadcrumb-nav a, .blog-page-top-title .breadcrumb-nav span { color: var(--rich-blue); }
.single-post-con .content ul { margin-bottom: 30px; }
.single-post-con .content ul li { color: #000; }
.single-post-con .content a { color: var(--rich-blue); transition: all ease-in-out 0.3s; }
.single-post-con .content a:hover { color: #000; transition: all ease-in-out 0.3s; }
.single-post-con .content ol li { list-style: decimal-leading-zero; }
.news-post-con .news-post-date { color: #131322; font-weight: 600; padding: 10px 0 5px; font-size: 1.125em; }
.news-post-con .news-post-title { margin: 0; font-size: 2.75em; text-transform: uppercase; font-family: 'Big Shoulders Display'; }
.news-post-con .news-post-title a { color: var(--deep-koamaru); }
.news-more a { color: var(--rich-blue); font-weight: 700; font-size: 1.125em; padding-top: 10px; }
.news-post-con { padding-bottom: 20px; }
.news-posts-main-ajx .alm-reveal {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0; display: flex; flex-wrap: wrap;  margin-top: calc(var(--bs-gutter-y) * -1);
margin-right: calc(var(--bs-gutter-x) * -.5);
margin-left: calc(var(--bs-gutter-x) * -.5);
}
.hm-slider-top-padding { padding-bottom: 150px; margin-top: -150px; }
.v-tab-container-in { position: relative; background-size: cover; height: 100%; display: flex; padding: 80px 10px 50px 30px; }
.v-tab-container-in .count a { font-size: 1.125em; color: var(--Mindaro); margin-left: 10px; position: relative; bottom: -2px; }
.nav.nav-pills.vnav-pills { padding: 0; margin: 0; display: block; list-style: none; }
.nav.nav-pills.vnav-pills a { font-size: 1.250em; font-weight: 400; color: var(--black-russian); padding: 7px 0; display: block; }
.nav.nav-pills.vnav-pills li a { border-bottom: solid 1px var(--black-russian); transition: all .5s ease-out; border-radius: 0; }
.nav.nav-pills.vnav-pills li:before { display: none; }
.nav.nav-pills.vnav-pills li a:before { content: "\f111"; font-size: 0; font-weight: 900; font-family: "Font Awesome 6 Pro"; color: var(--rich-blue); position: absolute; left: 0; top: 15px; transition: all .10s ease-out; }
.nav.nav-pills.vnav-pills li a.active, .nav.nav-pills.vnav-pills li:hover a { border-bottom: solid 2px var(--rich-blue); transition: all .5s ease-out; }
.nav.nav-pills.vnav-pills li a.active, .nav.nav-pills.vnav-pills li:hover a { padding-left: 20px; color: var(--rich-blue); font-weight: 600; position: relative; transition: all .5s ease-out; background: none; border-radius: 0; }
.nav.nav-pills.vnav-pills li a.active:before, .nav.nav-pills.vnav-pills li:hover a:before { content: "\f111"; font-family: "Font Awesome 6 Pro"; font-weight: 900; font-size: 0.563em; position: absolute; left: 0; top: 15px; transition: all .10s ease-out; }
.nav.nav-pills.vnav { display: block; border: none; }
.nav.nav-pills.vnav li a { background: none; border: none; padding: 9px 0; font-size: 18px; font-family: 'Barlow'; color: var(--black-russian); }
.nav.nav-pills.vnav li a:hover{ text-decoration: underline;}
.nav.nav-pills.vnav li a.nav-link.active { color: var(--black-russian); }


.masonry-case-studies {     padding: 60px 0;     text-align: center; }
.masonry-case-studies .masonry{  transition: all .5s ease-in-out;     column-gap: 30px;     column-fill: initial;  column-count: 2;     margin-top: 75px;}
.masonry-case-studies .masonry .block{  margin-bottom: 30px;     display: inline-block;     vertical-align: top;     text-align: left;}
.masonry-case-studies .masonry .block .card {     border: solid 2px var(--deep-koamaru);     border-radius: 0; }
.masonry-case-studies .masonry .block .body-card {     padding: 45px 35px; }
.masonry-case-studies .masonry .block .card-bottom {     display: flex;     justify-content: space-around;     align-items: center;     background: var(--rich-blue);     padding: 30px; }
.masonry-case-studies .masonry .block button.bttn {     margin: 0; }
.masonry-case-studies .masonry .block .caption {     color: var(--white);     font-weight: 500; }
.inner-page-badges_sec + .hm-reviews-sec { padding: 60px 0; }




/*.bounce.fa-arrow-right {     margin-left: 10px; }
.bounce {-moz-animation: bounce 3s infinite;-webkit-animation: bounce 3s infinite;animation: bounce 3s infinite;}
.bounce {-moz-animation: bounce 3s infinite;-webkit-animation: bounce 3s infinite;animation: bounce 3s infinite;}
@-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-moz-transform: translateX(0); transform: translateX(0);} 40% { -moz-transform: translateX(-10px); transform: translateX(-10px);} 60% { -moz-transform: translateX(-5px); transform: translateX(-5px);}}
@-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateX(0); transform: translateX(0);} 40% { -webkit-transform: translateX(-10px); transform: translateX(-10px);} 60% { -webkit-transform: translateX(-5px);  transform: translateX(-5px);}}
@keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateX(0); -ms-transform: translateX(0);  -webkit-transform: translateX(0); transform: translateY(0);} 40% { -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -webkit-transform: translateX(-10px); transform: translateX(-10px);} 60% { -moz-transform: translateX(-5px); -ms-transform: translateX(-5px); -webkit-transform: translateX(-5px); transform: translateX(-5px);}}*/

.inner-content-sec.sec-404 {         padding: 70px 15px;    min-height: 80vh;     align-items: center;     justify-content: center;     display: flex;     text-align: center; }
.inner-content-sec.sec-404 h1 {     font-family: 'Big Shoulders Display';     font-weight: 900;     color: var(--deep-koamaru);     font-size: 11.063em;     padding-bottom: 25px; }
.inner-content-sec.sec-404 h2 {     font-family: 'Barlow';     text-transform: inherit;     color: #131322;     margin-bottom: 45px; }

.hm-team-carousel{ max-width: 400px; margin: auto;}
.hm-team .right-slider .item img{ width: 100%;}



