@charset "UTF-8";
/*
Theme Name: Home Scan Inspection 
Author: Webdesign 309
Author URI: http://www.webdesign309.com/
Description: We are a full service webdesign and development company delivering high end design and development solution for our clients and delivering best solutions to attract more visibility and customization to your website.
Version: 3.0.0
Tags: peoria web development, chicago web development, custom wordpress development, advertising agency solutions, florida webdesign, chicago webdesign, illinois webdesign, custom webdesign development
*/

@font-face { font-family: 'Inter-Bold'; src: url('fonts/Inter28pt-Bold.eot'); src: url('fonts/Inter28pt-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Inter28pt-Bold.woff2') format('woff2'), url('fonts/Inter28pt-Bold.woff') format('woff'), url('fonts/Inter28pt-Bold.ttf') format('truetype'), url('fonts/Inter28pt-Bold.svg#Inter28pt-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Inter-Medium'; src: url('fonts/Inter28pt-Medium.eot'); src: url('fonts/Inter28pt-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/Inter28pt-Medium.woff2') format('woff2'), url('fonts/Inter28pt-Medium.woff') format('woff'), url('fonts/Inter28pt-Medium.ttf') format('truetype'), url('fonts/Inter28pt-Medium.svg#Inter28pt-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Inter-Regular'; src: url('fonts/Inter28pt-Regular.eot'); src: url('fonts/Inter28pt-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Inter28pt-Regular.woff2') format('woff2'), url('fonts/Inter28pt-Regular.woff') format('woff'), url('fonts/Inter28pt-Regular.ttf') format('truetype'), url('fonts/Inter28pt-Regular.svg#Inter28pt-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Inter-SemiBold'; src: url('fonts/Inter28pt-SemiBold.eot'); src: url('fonts/Inter28pt-SemiBold.eot?#iefix') format('embedded-opentype'), url('fonts/Inter28pt-SemiBold.woff2') format('woff2'), url('fonts/Inter28pt-SemiBold.woff') format('woff'), url('fonts/Inter28pt-SemiBold.ttf') format('truetype'), url('fonts/Inter28pt-SemiBold.svg#Inter28pt-SemiBold') format('svg'); font-weight: 600; font-style: normal; font-display: swap; }

:root{
--body-color: #7C7C7C;
--blue:#354C95;
--red:#E63931;
--grey-bg:#EBEEF5;
--grey-line:#dcdfe8;
--text-dark:#26272b;
--text-muted:#6b6d76;
--white:#ffffff;
--black:#000;

--body-font: 'Inter-Regular';
--btn-font: 'Inter-Bold';
--heading-font:'Inter-SemiBold';
--primary-font:'Inter-Medium';
}


*:focus { outline: none; }

/* 1. Create a Clean Base
------------------------------------------------------------------------------*/
html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address, small, big, cite,
dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label, input, textarea, option,
.nobox { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; }

blockquote { quotes: none; }
br { height: 0; }
ul, ol, dl, li { margin: 0; padding: 0; list-style-type: none; }
ul, ol { margin: 0 0 0 0px; }
html, body { appearance: none; -webkit-appearance: none; border: none; -webkit-text-size-adjust: none; }


/* 2. Define Base Typography
------------------------------------------------------------------------------*/
body { padding: 0; margin: 0; font-family: var(--body-font); font-size: 18px; color: var(--body-color); line-height: 26px; box-sizing: border-box; overflow-x: hidden; }
/* section { overflow: hidden; } */
*, *:after, *:before { box-sizing: border-box; }

/* Create the Default Headers  */
h1, h2, h3, h4, h5, h6 { margin: 0; color: var(--black); line-height: 1.2; font-weight: normal; font-family: var(--heading-font); text-transform: none; }

/* Specific Header Settings */
h1, .h1 { font-size: 52px; line-height: 60px;}
h2, .h2 { font-size: 48px; line-height: 56px;}
h3, .h3 { font-size: 36px; line-height: 42px;}
h4, .h4 { font-size: 28px; line-height: 36px;}
h5, .h5 { font-size: 26px; line-height: 34px;}
h6, .h6 { font-size: 24px; line-height: 32px;}
p { word-wrap: break-word; margin-bottom: 25px; font-size: 18px; line-height: 26px; }


/* Other Typo */ 
strong { font-weight: bold; }
hr { border: 0 #000 solid; border-top-width: 1px; clear: both; height: 0; }
ol { list-style: decimal; }
ul { list-style: disc; }

.clr, .cl, .clear {clear:both;}

/* Remove border around linked images */
img { max-width: 100%; border: 0; border-style: none; height: auto; }

/* 4. Links
------------------------------------------------------------------------------*/

/* Default Link Types */
p > a { color: var(--red); }
a { text-decoration: none; transition: 0.5s; color: var(--body-color); display: inline; font-size: 18px; line-height: 26px; }
a:hover { color:var(--primary-color) } /* var(--btn-color) */
/* 5. Forms
------------------------------------------------------------------------------*/
.button, a.button, button, html input[type="button"], input[type="reset"], input[type="submit"] { font-family: var(--btn-font); font-weight: normal; margin: 0 0 0 0; padding: 10px 24px; border-radius: 0; background-color: var(--red); border: 0; display: inline-block; vertical-align: middle; letter-spacing: 2%; font-size: 20px; color: var(--white); line-height: 28px; outline: 0; box-shadow: none; text-align: center; text-decoration: none; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; overflow: hidden; position: relative; z-index: 0; cursor: pointer; text-transform: uppercase; }


.button:hover, a.button:hover, button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background-color: var(--blue); color: var(--white); }
input[type="search"], input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], textarea { color: #1C1D21; padding: 20px; font-size: 20px; letter-spacing: 0; line-height: 20px; outline: none !important; width: 49%; appearance: none; resize: none; background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #000000; border-radius: 8px; font-family: var(--light-font); }



input::-webkit-input-placeholder { color: #636363 }
input:-moz-placeholder { color: #636363 }
input::-moz-placeholder { color: #636363 }
input:-ms-input-placeholder { color: #636363 }
textarea::-webkit-input-placeholder { color: #636363 }
textarea:-moz-placeholder { color: #636363 }
textarea::-moz-placeholder { color: #636363 }
textarea:-ms-input-placeholder { color: #636363 }

/* ul li css */
main ul li { position: relative; padding: 6px 8px 6px 36px; }
main ul.col-2 li:before, main ul.col-3 li:before, main ul li:before { content: ''; position: absolute; top: 0; left: 0; background: url(images/red-arrows.webp) no-repeat center; width: 24px; height: 24px; }

/* container */
.container { max-width: 1660px; width: 100%; padding: 0 50px; margin: 0 auto; }
.col1 { width: 100%; }
.col2 { width: 50% !important; }
.col3 { width: 33.33%; }
.col4 { width: 25%; }

.d-flex { display: flex; }
.flex-wrap { flex-wrap: wrap; }
.justify-content-start { justify-content: flex-start; }
.justify-content-center { justify-content: center; }
.justify-content-end { justify-content: flex-end; } 
.justify-content-between { justify-content: space-between; }
.align-items-start { align-items: flex-start; }
.align-items-center { align-items: center; }
.align-items-end { align-items: flex-end; }
.row-reverse { flex-direction: row-reverse; }
.text-center { text-align: center; } 
.text-left { text-align: left; }
.text-right { text-align: right; }
.gap-100{gap: 100px;}
.mt-50{margin-top: 40px !important;}


/* **********--------------------- sub - menu css ----------------------------**************** */
header nav > ul > li > ul.sub-menu { gap: 0; white-space: nowrap; background-color: #D7D7D7; display: block; border-radius: 4px; position: absolute; margin: 0; z-index: 3; margin-top: 12px; text-align: center; transform: scaleY(0); transition: all 0.3s ease; transform-origin: top; padding: 20px 0; max-width: min-content; width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); text-align: left; left: 18px; }
header nav > ul > li:hover > ul.sub-menu { transform: scaleY(1); }

ul.sub-menu li a{ font-size: 12px; }
ul.sub-menu li a:hover{ color: #00ADEF; }
header nav > ul > li > ul.sub-menu > li { padding: 0 20px; border-right: 1px solid #404995; break-inside: avoid; }
header nav > ul > li > ul.sub-menu > li:last-child{ border: none; }
header nav > ul > li > ul.sub-menu > li > a{ font-size: 16px; line-height: 24px; color: var(--black-color); font-family: var(--primary-font); padding: 0 0 6px; }
header nav > ul > li > ul.sub-menu > li:last-child > ul.sub-menu > li{ padding-bottom: 0; }
header nav > ul > li > ul.sub-menu > li > ul.sub-menu > li:last-child{ padding-bottom: 0; }
header nav > ul > li > ul.sub-menu > li > ul.sub-menu > li > a { line-height: 20px; color: #1C1C1C; font-family: var(--primary-font); font-size: 16px; padding: 5px 0 5px 20px; }
header nav { position: relative; width: 70%; margin-left: auto; }
header nav > ul > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu { padding-left: 7px; position: relative; }
header nav > ul > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li { padding-left: 18px; position: relative; }
header nav > ul > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li::after { content: ''; position: absolute; left: 0; top: 12px; width: 12px; height: 12px; background-image: url(images/right-arrow.png); background-size: 12px; background-repeat: no-repeat; }
header nav > ul > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li::before { content: ''; position: absolute; left: 0px; top: 0; width: 1px; height: 100%; background: #1C1C1C; }
header nav > ul > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li:last-child::before { height: 18px; }
header nav > ul > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {font-family: var(--secondary-font);} 
header nav > ul > li > ul.sub-menu > li > ul.sub-menu > li > a:hover { color: var(--red); }
/* **********--------------------- def-page css ----------------------------**************** */
.def-page{padding: 50px 0px 50px;}
.def-page p{ color: var(--body-color); font-style: normal; font-weight: normal; line-height: 26px;}
.def-page .right-img { float: right; margin: 0px 0 22px 48px; line-height: 0; position: relative; z-index: 0; max-width: 48%;}
.def-page .left-img { float: left; margin: 0 48px 16px 0; position: relative; line-height: 0; max-width: 48%; }
.def-page .right-img img { border-radius: 0; position: relative; border: 0;  }
.def-page .left-img img { border-radius: 0; position: relative;  }
.def-page h2, .def-page h3, .def-page h4, .def-page h5, .def-page h6 { margin: 0 0 20px 0; }


.def-page ul {margin: 0;padding-bottom: 10px;}
.overflow{ overflow:inherit !important;}
.def-page ul li { list-style: none; color: var(--body-color); text-align: left; position: relative; padding: 0px 0 17px 36px; overflow: hidden; }
.def-page ul li:before { content: ''; position: absolute; top: 0; left: 0; background: url(images/red-arrows.webp) no-repeat center; width: 24px; height: 24px; }
.def-page ol { padding-left: 0; padding-bottom: 15px; counter-reset: item; }
.def-page ol li { list-style-type: none; counter-increment: item; padding: 5px 0 5px 25px; color: var(--body-color); position: relative; overflow:hidden ; }
.def-page ol li:before { display: inline-block; content: counter(item) "."; color: var(--red); padding-right: 10px; font-family: var(--btn-font); position: absolute; left: 0; top: 5px; }
.def-page ul.col-2, .def-page ul.col-3 { overflow: hidden }
.def-page ul.col-2 li {width: 50%;float: left; text-align: left;}
.def-page ul.col-3 li {width: 33.33%;float: left; text-align: left;}
.def-page p {padding-bottom: 0px;}

.privacy-page ol {margin-bottom: 25px;}
.privacy-page ol > li:before{padding-right: 05px;}
.privacy-page .privacy-inner{padding-left: 30px; margin-bottom: 20px;}
.privacy-page .privacy-inner ul{ margin-top: 05px;}
.privacy-page ul,.privacy-page ol{ margin-left:20px;}
.privacy-page ol li{padding: 5px 0px;}
.pagenotfound {width: 100%;display: block;padding:80px 0px;text-align: center;}
.pagenotfound h2 {font-size: 50px;font-weight: 600;}
.pagenotfound p{font-size: 24px;}
.thankyou {text-align:center;}
.clearfix:after { clear:both; display:block; visibility:hidden; content:""; }
.def-page a { color: var(--red);     display: inline;}
.def-page a.button { color: #ffffff; margin-top: 20px; }
.def-page a:hover { color: var(--body-color); }
.def-page a.button:hover { color: #ffffff; }

/* **********--------------------- validation css ----------------------------**************** */
.wpcf7-not-valid-tip { display: none;}
.wpcf7-not-valid{ border: 1px solid #dc3232 !important; }
form .cf7sr-recaptcha .wpcf7-not-valid-tip{ display: block !important; font-size: 15px; }
.submit-captcha { margin-top: -5px; display: flex; /* width: 100%; */ align-items: flex-start; justify-content: flex-start; }
.submit-captcha .input-fild:last-child{ margin-top: 17px; } .wpcf7 form .wpcf7-response-output { margin: 0.5em auto; padding: 0.2em 1em; border: 2px solid #00a0d2;    width: 100%; text-align: center; }
/* **********--------------------- validation css ----------------------------**************** */

.menu-toggle{ display: none;}



  /* ---------- HEADER ---------- */
.top-bar { background: var(--red); display: flex; justify-content: flex-end; padding: 14px 0; }
.top-bar .container{ display:flex; justify-content:flex-end; }
.top-bar a { position: relative; color: var(--white); font-weight: 700; font-size: 20px; line-height: 28px; background-color: var(--blue); padding: 10px 24px 10px 52px; }
.top-bar a:hover { background-color: var(--black)}
.top-bar a::before { content: ''; position: absolute; top: 50%; left: 24px; background: url(images/white-phone.png) no-repeat center; width: 24px; height: 24px; background-size: 14px; transform: translateY(-50%); }

header.main-header { display: flex; padding: 20px 0; border-bottom: 1px solid var(--grey-line); }
header nav ul { display: flex; align-items: flex-start; gap:106px; justify-content: flex-end; }
header nav a { font-size: 20px; color: var(--blue); line-height: 1; font-family: var(--btn-font); text-transform: uppercase; }
header nav a:hover{color:var(--red);}
header .logo { line-height: 0; position: absolute; width: 100%; top: 14px; z-index: 1; max-width: 363px; min-height: 196px; }
header .logo a { line-height: 0; width: 100%; height: 100%; position: absolute; }
header .logo a img { position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0; background-color: white; padding: 17px 28px; }

  /* ---------- HERO ---------- */
section.hero { position: relative; }
.hero .hero_bnr { line-height: 0; width: 100%; position: relative; }
.hero .hero_bnr::before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.4); }
.hero .hero_bnr img { display: block; width: 100%; height: auto; object-fit: cover; object-position: top; }
.hero .container { position: absolute; top: 0; left: 0; right: 0; height: 100%; }
.hero .hero_text { position: relative; text-align: center; padding: 195px 0 58px; }
.hero .hero-eyebrow { color: var(--white); font-size: 32px; line-height: 40px; font-family: var(--btn-font); text-transform: uppercase; padding: 0 0 32px; }
.hero .hero-box { border: 3px solid var(--white); padding: 75px 48px 35px 49px; background-color: rgba(0, 0, 0, 0.6); box-shadow: 0px 8px 26px rgba(255, 255, 255, 0.8); max-width: 801px; width: 100%; margin: -33px auto 0; }
.hero .hero-box h1 { color: var(--white); text-transform: uppercase; }
.hero .bnr_btn a.button { padding: 16px 125px; }
.hero-strip { background: var(--red); color: var(--white); text-align: center; font-size: 28px; padding: 20px 0; line-height: 32px; font-family: var(--body-font); }

/* ---------- INSPECTIONS ---------- */
section.inspections { padding: 72px 0; }
.inspections h2{ color: var(--black); padding: 0 0 32px; text-transform: uppercase; }
.inspections .inspection-cols { gap: 48px; }
.inspections .inspection-card { border: 1px solid #C7C7CE; overflow: hidden; max-width: calc(50% - 24px); }
.inspections .inspection-card h3 { background: var(--blue); color: var(--white); padding: 20px; text-align: center; font-family: var(--primary-font);  text-transform: uppercase;}
.inspections .inspection-list { display: flex; flex-wrap: wrap; padding: 30px 0 30px 30px; gap: 40px 0; }
.inspections .inspection-list li { font-size: 24px; line-height: 32px; color: var(--black); font-family: var(--primary-font); position: relative; padding: 0 0 0 45px; text-transform: uppercase; max-width: 50%; width: 100%; }
.inspections .inspection-list li a { font-size: 20px; color: var(--black); font-family: var(--primary-font); line-height: 28px; }
.inspections .inspection-list li a:hover { color: var(--red);}
.inspections .inspection-list li::before { content: ''; position: absolute; top: 0; left: 0; background: url(images/red-arrows.webp) no-repeat center; width: 32px; height: 32px; }
  /* ---------- WHY CHOOSE US ---------- */
section.why-choose { background: var(--grey-bg); padding: 50px 0 51px; }
.why-choose h2 { padding: 0 0 32px; color: var(--black); text-transform: uppercase; }
.why-choose .why-choose_inr{gap: 48px;}
.why-choose .why-choose_left { max-width: 50%; width: 100%; }
.why-choose .why-choose_right { max-width: 50%; width: 100%; }
.why-choose  h3 { color: var(--black); padding: 0 0 20px; font-family: var(--primary-font); text-transform: capitalize; }
.why-choose .why-choose_inr p{ color:#7C7C7C; }
.why-choose .why-image { /* flex: 1 1 420px; */ line-height: 0; } 
.why-choose .why-image img{ width:100%; height:100%; object-fit:cover; }

 
  /* ---------- REVIEWS ---------- */
section.reviews{ padding: 72px 0;}
.reviews h2{ padding:0 0 32px; color: var(--black);}
.reviews_img { line-height: 0; }

/* ---------- SERVICE AREA ---------- */
section.service-area{background:var(--grey-bg); padding: 45px 0;}
.service-area h2{ padding:0 0 32px; color: var(--black); text-transform: uppercase;}

.service-list { column-count: 2; column-gap: 0px; padding: 0 0 20px; }
.service_area-left { max-width: 50%; width: 100%; }
.service_area-right { max-width: 50%; width: 100%; }
.service-list li { font-size: 24px; line-height: 32px; color: var(--black); font-family: var(--primary-font); position: relative; padding: 0 0 0 49px; text-transform: uppercase; margin: 0 0 20px; }
.service-list li::before { content: ''; position: absolute; top: 0; left: 0; background: url(images/red-arrows.webp) no-repeat center; width: 32px; height: 32px; }
.service-map { line-height: 0; height: 100%; }
.service-map iframe{ width: 100%; height: 100%; }
.service-map img{width:100%; height:100% ;}
.service-area_inr { gap: 48px; }
  
  /* ----------FAQ ---------- */
 section.faq-main { padding: 72px 0; }
.faq-main h2 { padding: 0 0 32px; color: var(--black); text-transform: uppercase; }
.faq-main .faq { display: flex; flex-direction: row; flex-wrap: wrap; gap: 32px 48px; align-items: flex-start; }
.faq-main .faq .item { border: 1px solid #404040; max-width: calc(50% - 24px); width: 100%; }
.faq-main .faq .question { display: flex; justify-content: space-between; align-items: center; padding: 23px 28px; cursor: pointer; }
.faq-main .faq .question h3 { color: var(--black); font-size: 24px; line-height: 32px; font-family: var(--primary-font); text-transform: uppercase; }
.faq-main .faq .icon { width: 22px; height: 22px; position: relative; flex-shrink: 0; }
.faq-main .faq .icon:after,
.faq-main .faq .icon:before { content: ""; position: absolute; background: var(--black);  transition: .35s; }
.faq-main .faq .icon:before { width: 23.33px; height: 3.33px; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.faq-main .faq .icon:after { width: 3.33px; height: 23.33px; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.faq-main .faq .answer { display: none; font-size: 24px; }
.faq-main .faq .answer p { padding: 9px 28px 37px; margin: 0; }
.faq-main .faq .item.active .icon:after { transform: translate(-50%,-50%) scaleY(0); }
/* ---------- CTA BAND ---------- */
section.cta-band { background: var(--blue); text-align: center; padding: 35px 0; }
.cta-band h2 { color: var(--white); padding: 0 0 20px; text-transform: uppercase;}
.cta-band p{padding: 0 0 32px; color: var(--white); margin-bottom:0px;}
.cta-band .cta_btn a.button:hover, .cta-band_inr p a.button:hover { background-color: var(--black);}

/* ---------- FOOTER ---------- */
footer { background: #3F3F3F; color: var(--white); padding: 51px 0 0; }
footer .footer_inr h2{ color: var(--white); padding: 0 0 32px;}
footer .footer_left ul{ display: flex; flex-direction: column; gap: 28px;}
footer .footer_left ul li{ padding: 0 0 0 48px; position: relative;}
footer .footer_left ul li::before{ content: ''; position: absolute; top: 0; left: 0; background: url(images/location.svg) no-repeat center; width: 32px; height: 32px; background-size: 18px;}
footer .footer_left ul li.phone::before { background: url(images/phone.svg) no-repeat center; background-size: 24px; }
footer .footer_left ul li.gmail::before { background: url(images/gmail.svg) no-repeat center; background-size: 26px; }
footer .footer_left ul li, footer .footer_left ul li a { color: var(--white); font-family: var(--primary-font); font-size: 20px; line-height: 30px; }
footer ul li a,footer ul li{text-transform: uppercase;}
footer ul li a{font-size: 20px; line-height: 1; color: var(--white);}
footer ul li.gmail a{text-transform:none;}
footer ul li a:hover{ color:var(--red) ;}
footer .footer-links { gap: 10px 28px; column-count: 2; column-gap: 42px; }
footer .footer-links li {margin-bottom: 28px; }
footer .footer_inr { padding: 0 0 24px; border-bottom: 1px solid #5A5A5A; }
footer .footer-bottom{padding: 20px 0 18px ;}
footer  .footer-bottom p{font-size:16px; color:#CACACA; line-height: 24px; font-family: var(--btn-font); margin-bottom: 0;}
footer .social-icon li,
footer .social-icon li a{ line-height: 0; }
footer .footer-bottom a{font-size: 16px;}
footer .footer-bottom a:hover{color: #c1c1c1;}

/* ---------- inr_banner ---------- */
.inr_banner{padding: 90px 0; background-color: rgba(0, 0, 0, 0.7);}
.inr_banner h1 {color: var(--white); text-transform: uppercase;}

/* ---------- about ---------- */
.about { padding: 40px 0 45px; }
.about h2 { color: var(--black);  font-family: var(--primary-font); }

/* ---------- Commercial ---------- */
.commercial { padding: 40px 0 72px; }
.commercial p { margin-bottom: 16px; }
.commercial h2.h3{margin-top: 40px;}
.commercial h2.h4 {text-transform: uppercase; color: var(--black); font-size: 24px; line-height: 32px; font-family: var(--primary-font);}

section.commercial_faq {padding: 0 0 72px;}
.commercial_faq .faq .item {max-width: 100%;}
section.commercial_btn{ padding: 40px 0;}
.commercial_btn_inr ul { gap: 20px; flex-wrap: wrap; justify-content: center; }
.commercial_btn_inr ul li{padding: 0;}
.commercial_btn_inr ul li a{background-color: var(--blue);}
.commercial_btn_inr ul li a:hover{background-color: var(--red)}
.commercial_btn_inr ul li::before{ display: none;}

/* ---------- certifications ---------- */
.certifications .certifications_title { padding: 40px 0 32px;}
.certifications .certifications_title p:last-of-type {margin-bottom: 0;}
.certifications .certifications_img { line-height: 0; height: 200px; margin: 0 0 20px; }
.certifications .certifications_img img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; }
.certifications .certifications_text { width: 100%; min-height: 55px; display: flex; align-items: center; justify-content: center; }
.certifications .certifications_text p:last-child { margin-bottom: 0; }
.certifications .certifications_inr { gap: 48px; flex-wrap: wrap; padding: 0 0 72px; }
.certifications .certifications_item { min-height: 329px; max-width: 354px; width: 100%; border: 0.5px solid #BEBEBE; box-shadow: 0 1px 4px 0 rgba(250, 0, 0, 0.25); }
.certifications .certifications_box { width: 100%; padding: 25px 20px; }

/* ---------- certifications ---------- */
/* contact*/

input::placeholder{ color: #7C7C7C; }
.full_width,.contact_right form .input_fild.full_width{ max-width: 100%; width: 100%; }

.contact_form{ background-color: rgba(235, 238, 245, 1); padding:40px 0;}
.contact_form .contact_form_title h2{text-transform: uppercase; padding: 0 0 32px;}
.contact_form .contact_form_title .certifications_title p { padding: 0px 0 38px;}
.contact_form .contact_form_title .certifications_title p:last-of-type {margin-bottom: 0;}
.contact_form .contact_form_inr { display: flex; align-items: flex-start; gap: 48px; }
.contact_form .contact_right { background: var(--blue); padding: 32px; max-width: 756px; width: 100%; color: #fff; }
.contact_form .contact_right h3 { color: var(--white); padding: 0 0 32px; font-family: var(--primary-font); text-transform: uppercase; }
.contact_form .contact_right form .input_fild input[type="submit"] { background-color: var(--red); width: fit-content; margin: 0 auto; padding: 10px 24px; color: var(--white); font-family: var(--btn-font); font-size: 20px; line-height: 28px; }
.contact_form .contact_right form .input_fild input[type="submit"]:hover { background-color: var(--black); color: var(--white); }
.contact_form .contact_right form .input_fild textarea{ height: 118px; }
.contact_form .contact_right form { display: flex; flex-wrap: wrap; gap: 24px 48px; justify-content: space-between; }
.contact_form .contact_right form .input_fild.full_width { line-height: 0; max-width: 100%; width: 100%; }
.contact_form .contact_right form .input_fild { max-width: calc(50% - 24px); width: 100%; }
.contact_form .contact_right form .input_fild input, .contact_right form .input_fild textarea { width: 100%; border-radius: 0; padding: 12px 24px; background-color: rgba(255, 255, 255, 1); font-size: 18px; line-height: 24px; margin: 0; border: 0; }
.contact_form .contact_right form .method_preferred { display: flex; align-items: center; gap: 28px; }
.contact_form .contact_right form .method_title { color: #fff; font-size: 18px; white-space: nowrap; line-height: 26px; font-family: var(--heading-font); }
.contact_form .contact_left { max-width: 50%; width: 100%; }
.contact_form .contact_left .contact_map { line-height: 0; height: 100%; }
.contact_form .contact_left .contact_map iframe { width: 100%; height: 480px; }
.contact_form .contact_left p:last-of-type  {margin: 0;}
.contact_form .contact_left p {padding: 16px 0;}
.contact_form .contact_left .contact_left_btn a { position: relative; color: var(--white); font-weight: 700; font-size: 20px; line-height: 28px; background-color: var(--blue); padding: 10px 24px 10px 52px; }
.contact_form .contact_left .contact_left_btn a:hover {background-color: var(--black); }
.contact_form .contact_left .contact_left_btn a::before { content: ''; position: absolute; top: 50%; left: 24px; background: url(images/white-phone.png) no-repeat center; width: 24px; height: 24px; background-size: 14px; transform: translateY(-50%); }
span.wpcf7-spinner { position: absolute; }

/* checkbox */
.contact_form .contact_right form .method_preferred .wpcf7-checkbox { display: flex; align-items: center; gap: 28px; }
.contact_form .contact_right form .method_preferred .wpcf7-list-item { margin: 0; line-height: 0; }
.contact_form .contact_right form .method_preferred .wpcf7-list-item label { position: relative; display: inline-flex; align-items: center; margin: 0; cursor: pointer; color: #fff; font-size: 16px; font-weight: 400; line-height: 1; }
.contact_form .contact_right form .method_preferred .wpcf7-list-item input[type="checkbox"] { position: absolute; opacity: 0; width: 0; height: 0; padding: 0; margin: 0; }
.contact_form .contact_right form .method_preferred .wpcf7-list-item-label, .contact_form .contact_right form .method_preferred .wpcf7-list-item-label.checkmark { display: inline-flex; align-items: center; gap: 8px; width: auto; height: auto; background: none; border: 0; color: #fff; }
.contact_form .contact_right form .method_preferred .wpcf7-list-item-label::before { content: ""; width: 22px; height: 22px; box-sizing: border-box; flex-shrink: 0; background: #fff; border: 1px solid #fff; }
.contact_form .contact_right form .method_preferred input[type="checkbox"]:checked + .wpcf7-list-item-label::before { background: #E94B45 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") no-repeat center / 14px; border-color: #E94B45; }
.contact_form .contact_right form .method_preferred input[type="checkbox"]:focus-visible + .wpcf7-list-item-label::before { outline: 2px solid #fff; outline-offset: 2px; }
.contact_form .contact_right form .method_preferred .wpcf7-not-valid-tip { color: #fff; font-size: 14px; margin-top: 6px; }
/* checkbox */

/* contact */

.full_width { width: 100% !important; max-width: 100% !important; }


header nav ul>ul.sub-menu { display: grid; padding: 15px 20px; justify-content: start; gap: 0; transition: .5s; transform: scaleY(0); transform-origin: top center; border-radius: 0 0 10px 10px; grid-template-columns: auto auto auto }
header nav ul>ul.sub-menu>li:first-child,
header nav ul>ul.sub-menu>li:nth-child(2) { grid-row: 1/span 2 }
header nav ul>ul.sub-menu>li.combine_state_cls:nth-child(2) { grid-column: 3; grid-row: 2 }
header nav ul:hover>ul.sub-menu { transform: scaleY(1) }
header nav ul>ul.sub-menu>li a { padding: 10px 7px }
header nav ul ul.sub-menu li { width: 100%; flex: 1 }
header nav ul ul.sub-menu li>ul.sub-menu { position: relative!important; display: block; transform: scale(1)!important; left: 0!important; }
header nav ul ul.sub-menu li>ul.sub-menu li a { padding: 7px 18px 7px 15px; color: rgba(255,255,255,.5) }
header nav ul ul.sub-menu li>ul.sub-menu li.current-menu-item a { color:var(--red) }
ul.menu>li.current-menu-ancestor,ul.sub-menu>li>ul.sub-menu>li.current-menu-ancestor { background-color: #c30a0a!important }
header nav ul li.practice_area_menu_cls ul { left: 110px }
header nav > ul > li > ul.sub-menu > li > a { font-size: 16px; line-height: 24px; color: var(--blue); font-family: var(--btn-font); padding: 0 0 6px; }


header nav ul.sub-menu li>ul.sub-menu li a { position: relative; padding-left: 22px; }
header nav ul.sub-menu li>ul.sub-menu li a::before { content: ""; position: absolute; left: 0; top: 50%; width: 7px; height: 7px; border-right: 2px solid currentColor; border-top: 2px solid currentColor; transform: translateY(-50%) rotate(45deg); transition: all 0.3s ease; }
header nav ul.sub-menu li>ul.sub-menu li a:hover::before { transform: translateY(-50%) translateX(4px) rotate(45deg); }
header nav ul.sub-menu li > a:hover {color: var(--blue); }


header nav > ul > li.menu-item-has-children > a{ position: relative; padding-right: 20px; }
header nav > ul > li.menu-item-has-children > a::after { content: ''; position: absolute; top: 4px; right: 0; width: 10px; height: 10px; border-right: 3px solid var(--blue); border-bottom: 3px solid var(--blue); transform: rotate(45deg); transition: .3s; transform-origin: top; border-radius: 0 2px; }
header nav > ul > li.menu-item-has-children:hover > a:after { transform: rotate(225deg); transform-origin: bottom; border-color: var(--red); top: 0px; }

.header_menu > ul > li.current-menu-item > a, .header_menu > ul > li.current_page_item > a, .header_menu > ul > li.current-menu-ancestor > a, .header_menu > ul > li.current-menu-parent > a { color: var(--red); }
.header_menu ul.sub-menu li.current-menu-item > a, .header_menu ul.sub-menu li.current_page_item > a, .header_menu ul.sub-menu li.current-menu-ancestor > a, .header_menu ul.sub-menu li.current-menu-parent > a { color: var(--red); }
.header_menu li.current-menu-ancestor > a, .header_menu li.current-menu-parent > a { color: var(--red); }

.default-content h2{ text-transform: uppercase;}

.reviews .testi_btn, .def-page .testi_btn { padding-top: 25px; }

.hero-box p strong{font-size: 26px; line-height: 36px; margin-top: 5px; font-family: var(--heading-font); color: var(--white);}

.footer_center .logo{max-width: 363px; width: 100%; min-height: 196px; line-height: 0; margin: 0 auto;}

.footer_center .logo a img{width: 100%; height: 100%; object-fit: cover; padding: 17px 28px; background-color: #fff;}

.footer_center{line-height: 0;}

footer .footer_inr > div { max-width: 33.33%; width: 100%; }

.contact_form .contact_right form .input_fild.submit.submit_captcha { max-width: 100%; width: 100%; }
.footer_right_box { width: 380px; margin-left: auto; }