@charset "UTF-8";
/*
Theme Name: Homlar Law
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
*/

/* CSS Document */
/*----------------------------------------------------------------------------- */
@font-face { font-family: 'Georgia'; src: url('fonts/Georgia-Bold.eot'); src: url('fonts/Georgia-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Georgia-Bold.woff2') format('woff2'), url('fonts/Georgia-Bold.woff') format('woff'), url('fonts/Georgia-Bold.ttf') format('truetype'), url('fonts/Georgia-Bold.svg#Georgia-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Helvetica-Neue-roman'; src: url('fonts/HelveticaNeue-Roman.eot'); src: url('fonts/HelveticaNeue-Roman.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNeue-Roman.woff2') format('woff2'), url('fonts/HelveticaNeue-Roman.woff') format('woff'), url('fonts/HelveticaNeue-Roman.ttf') format('truetype'), url('fonts/HelveticaNeue-Roman.svg#HelveticaNeue-Roman') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Helvetica-Neue-medium'; src: url('fonts/HelveticaNeue-Medium.eot'); src: url('fonts/HelveticaNeue-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNeue-Medium.woff2') format('woff2'), url('fonts/HelveticaNeue-Medium.woff') format('woff'), url('fonts/HelveticaNeue-Medium.ttf') format('truetype'), url('fonts/HelveticaNeue-Medium.svg#HelveticaNeue-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Helvetica-Neue-bold'; src: url('fonts/HelveticaNeue-Bold.eot'); src: url('fonts/HelveticaNeue-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNeue-Bold.woff2') format('woff2'), url('fonts/HelveticaNeue-Bold.woff') format('woff'), url('fonts/HelveticaNeue-Bold.ttf') format('truetype'), url('fonts/HelveticaNeue-Bold.svg#HelveticaNeue-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; }


:root{
--body-color: #333333;
--header: #002A65; 
--primary-color:#ABC7EF;
--second-primary-color: #010F24;
--white-color:rgba(255, 255, 255, 1);
--span-font:'Advantage';

--body-font: 'Helvetica-Neue-roman';
--heading-font: 'Georgia';
--font-bold:'Helvetica-Neue-bold';
--font-medium:'Helvetica-Neue-medium';

}

/* ::selection{
color: var(--body-color);
background-color: var(--white-color);
} */
/* 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, q {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{ border:none; -webkit-text-size-adjust:none;}


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

svg path{ transition: all 0.3s; }

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

/* Specific Header Settings */
h1,.h1 {font-size:90px;}
h2,.h2 {font-size:70px; line-height: 70px; }
h3,.h3 {font-size:40px;}
h4,.h4 {font-size:30px;}
h5,.h5 {font-size: 25px;}
h6,.h6 {font-size: 22px;}

/* Create the Default Paragraphs */
p {margin-bottom: 20px; }

/* 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;}

/* 3. Images
------------------------------------------------------------------------------*/

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

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

/* Default Link Types */
a {text-decoration:none;transition: 0.5s; display: inline-block; color:var(--primary-color); }


/* 5. Forms
------------------------------------------------------------------------------*/
.button, a.button, button, html input[type="button"], input[type="reset"], input[type="submit"] { font-family: var(--font-bold); font-weight: normal; margin: 0 0 0 0;  padding:16px 30px;  border-radius:8px; background-color:var(--primary-color); border: 5px solid transparent; display: inline-block; vertical-align: middle; font-size: 24px; color: var(--header); line-height: 37px; position: relative;outline: none;box-shadow: none;text-align: center;text-decoration: none;-webkit-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out; overflow: hidden; position: relative;z-index: 1; text-transform: uppercase;}

.button:hover, a.button:hover, button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {  border-color: var(--white-color); }

input[type="search"], input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], textarea {padding:16px; font-family: var(--body-font);  font-size: 16px; background-color:transparent; letter-spacing: 0;width: 100%; color: var(--body-color); text-transform: none; filter: alpha(opacity=100); border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius:6px; line-height:16px; box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;outline: none !important; width: 100%;-webkit-appearance: none;-moz-appearance: none;appearance: none; resize: none;}

input::-webkit-input-placeholder {color:  #777777;opacity:1;} 
input:-moz-placeholder {color: #777777; opacity:1;} 
input::-moz-placeholder {color:  #777777; opacity:1; } 
input:-ms-input-placeholder {color:  #777777;opacity:1;} 
textarea::-webkit-input-placeholder {color:  #777777; opacity:1; } 
textarea:-moz-placeholder {color: #777777; opacity:1; } 
textarea::-moz-placeholder {color:  #777777; opacity:1; } 
textarea:-ms-input-placeholder {color:  #777777;opacity:1; }

/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 1px solid transparent;}


/* 6. Tables
------------------------------------------------------------------------------*/

/* Table Fixes */
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: right; font-weight: normal;}


/* 7. Framework
------------------------------------------------------------------------------*/
/* container */
.container{max-width: 1740px; width: 100%; padding-left: 50px; padding-right: 50px; margin: 0 auto;}
.mini-container{max-width: 1472px; width: 100%; padding-left: 50px; padding-right: 50px; margin: 0 auto;}

.row{display: flex;flex-wrap: wrap; margin-left: -15px; margin-right: -15px;}
.col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1{position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }


/* .col-4 {max-width: 25%;}
.col-3 {max-width: 33.33%;}
.col-2 {max-width: 50%;}
.col-1 {max-width: 100%;} */


.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;}
.font-light {font-weight: 300;}
.table {width: 100%;}


/* def-page */ 
.def-page{padding: 60px 0 60px; margin-top: 0;}
.def-page p{font-family: var(--body-font); color: var(--body-color); font-style: normal;  font-size: 20px; line-height: 30px;}
.def-page .right-img{float:right; margin:0 0 15px 40px; position: relative; z-index: 0; line-height: 0;}
.def-page .left-img{float:left; margin:0 40px 15px 0; position: relative; line-height: 0;}
.def-page .right-img img{border-radius: 8px;position: relative; width: 100% ; height: auto;     }
.def-page .left-img img{border-radius: 8px;position: relative; width: 100% ; height: auto;   }
.def-page h2, .def-page h3, .def-page h4, .def-page h5, .def-page h6{ margin: 0 0 15px 0; line-height: 1.3;font-family: var(--heading-font);;padding: 0px;    color: var(--body-color);}

.def-page h1{ font-size: 65px; line-height: 80px;}
.def-page h2{ font-size: 40px; line-height: 50px;}
.def-page h3{ font-size: 35px; line-height: 45px;}
.def-page h4{ font-size: 30px; line-height: 40px;}
.def-page h5{ font-size:25px; line-height:35px; }
.def-page h6{font-size: 20px; line-height: 27px;}
.privacy-page > div > p{ padding-bottom: 0; }
.def-page a{text-decoration: underline; color: var(--body-color);}
.def-page a:hover{text-decoration: none;}
.def-page ul {margin: 0; padding-bottom: 15px; /*overflow: hidden;*/ max-width: inherit; width: auto; padding-left: 0; }
.def-page ul li { list-style: none;font-size: 20px; color: var(--body-color); position: relative; padding: 6px 25px; line-height: 30px;}
.def-page ul li:before { position: absolute; content: ""; top: 16px; left: 0; background-color: #000 !important; border-radius: 50%; width: 10px; height: 10px;}
.def-page ol{padding-left: 0; padding-bottom: 15px;}
.def-page ol li {list-style-type:none;counter-increment:item;font-size: 20px; color: var(--body-color);line-height: 30px;}
.def-page ol li:before {display:inline-block; content: counter(item) ".";  color: var(--body-color); padding-right:10px;}
.def-page ul.col-2, .def-page ul.col-3 { overflow: hidden }
.def-page ul.col-2 li {width: 50%;float: left;}
.def-page ul.col-3 li {width: 33.33%;float: left;}
.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: 70px 0px 80px; text-align: center;}
.pagenotfound h2 {font-size: 50px;font-weight: 600;}
.pagenotfound p{font-size: 20px;}
.thankyou {text-align: center;}
.thankyou h3 strong {font-size: 46px;}
.clearfix:after { clear: both; display: block; visibility: hidden; content: ""; }
.fl{float:left}.fr{float:right}.cl,.clear,.clr,.social_share{clear:both}.clearfix:after{clear:both;display:block;visibility:hidden;content:""}

ul.col-2,ul.col-3 { display: flex; flex-wrap: wrap;  justify-content: flex-start; }
ul.col-2 li{ position: relative; padding: 5px 10px 5px 25px; width: 48%; }
ul.col-3 li{ position: relative; padding: 5px 5px 5px 25px; width: 33.33%; }
ul.col-2 li::before,ul.col-3 li::before{ content: ''; position: absolute; left: 0; top: 17px; width: 10px; height: 10px; background-color: #FFFFFF; border-radius: 50%; }





header{ padding: 35px 0 25px; background: #010F24 0% 0% no-repeat padding-box; position: sticky; top: 0; z-index: 2; border-bottom: 4px solid #4f5766; }
.header-bottom { align-items: flex-start; justify-content: center; gap: 20px; }
.header-bottom .header_bottom_logo,.header-bottom .header-btn{ max-width: 25%;  width: 100%;}
.header-bottom .header-menu{ max-width: 50%; width: 100%; padding-top: 11px; }
.header-bottom .header-btn a.button{ font-size: 20px; line-height: 25px; padding: 8px 20px; }
.header-bottom .header-menu > ul{ display: flex; align-items: center; justify-content: center; gap: 30px; }
.header-bottom .header-menu ul li{ position: relative; line-height: 0; }
.header-bottom .header-menu > ul > li::before{ content: ''; position: absolute; right: -15px; top: 3px; border-right: 2px solid #fff; height: 85%;  }
.header-bottom .header-menu ul li a{ font-family: var(--font-bold); color: var(--white-color); font-size: 20px; line-height: 25px; }
.header-bottom .header-menu ul li:last-child:before{ border: 0; }
.header-bottom .header-btn { text-align: right; }
.header_bottom_logo{ line-height: 0; }
.header-bottom .header-menu ul li a:hover{ color: var(--primary-color); }

/* Sub_menu */
ul li ul.sub-menu { padding-left: 0 !important; gap: 0 ; white-space: nowrap; background-color: var(--header); display: block; border-radius: 5px; flex-direction: column; gap: 0; position: absolute; margin: 0; z-index: 3; margin-top: 11px; text-align: center; transform: scaleY(0); /* Hidden initially */ transition: all 0.3s ease; transform-origin: top; box-shadow: rgba(50, 50, 93, 0.15) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; }
ul li:hover > ul.sub-menu { transform: scaleY(1); }
ul li ul.sub-menu li{ padding: 10px 15px; display: block; border-bottom: 1px solid #fff; }
ul li ul.sub-menu li:last-child{ border-bottom: 0; }
ul li ul.sub-menu li a{ color: var(--white-color) !important; text-align: left; display: block; }
ul li ul.sub-menu li a:hover{ color: var(--primary-color) !important; }
ul li ul.sub-menu li a::before{ display: none; }
ul li ul.sub-menu li > ul.sub-menu { left: 103%; top: 5px; }


.banner{ position: relative; width: 100%; margin-top: 0; }
.banner::before{ content: ''; position: absolute; left: 0; top: 0; background-color: #010F24; width: 100%; height: 100%; }
.banner img{ width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; }
.banner_inr{ padding: 84px 0 65px; display: flex; align-items: center; justify-content: space-between; gap: 48px; }
.banner .container{ position: relative; }
.banner-left{ max-width: 100%; width: 100%; font-size: 30px; line-height: 36px; color: var(--primary-color); text-align: left; text-align: center; }
.banner-left h1{ text-align: center; color: var(--white-color); text-shadow: 0px 3px 6px #000000; font-size: 120px; line-height: 136px; padding: 0 0 13px; }
.banner-left h1 span{ color: #ABC7EF; }
.banner-left ul{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 25px; padding: 0 0 43px; }
.banner-left ul li{ font-size: 40px; line-height: 49px; color: var(--primary-color); font-family: var(--font-bold); position: relative; }
.banner-left ul li::before{ content: ''; position: absolute; width: 8px; height: 8px; background-color: var(--primary-color); right: -17px; top: 50%; transform: translateY(-50%); border-radius: 50%; }
.banner-left ul li:last-child:before{ display: none; }
.banner-right{ max-width: 39%; width: 100%; position: relative; }
.banner-right .banner-right-box{ border: 5px solid #FFFFFF; border-radius: 8px; padding:30px 30px; background-color: rgba(0, 0, 0, 0.3); }
.banner-right-box .input-fild{ width: 100%; margin-bottom: 15px; padding: 0 7px; }
.banner-right-box .input-fild:last-child{ margin-bottom: 0; }
.banner-right-box input{ background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #707070; padding: 12px 28px; width: 100%; color: #707070; font-size: 30px; font-family: 'Helvetica_roman'; line-height: 36px; }
    .banner-right-box form{ padding-top: 27px; }
    .banner-right-box label{ background: #ABC7EF 0% 0% no-repeat padding-box; border: 3px solid #FFFFFF; border-radius: 8px; opacity: 1; font-family: var(--font-bold); color: #002A65; display: block; text-transform: uppercase; padding: 14px 0; font-size: 23px; line-height: 28px; width: calc(100% - 43px); text-align: center; margin: -62px auto 0; }
    .banner-left p:last-of-type{ width: 1114px; margin: 0 auto; }
    .banner-btn{ display: flex; justify-content: center; gap: 24px; padding-top: 82px; }
    .banner-btn .button.btn-transprent{ background-color: transparent; border-width: 3px; outline: 3px solid var(--white-color); outline-offset: -1px; padding: 16px 18px 16px 65px; color:var(--white-color); background-image: url(images/phone.png); background-color: #010F24; background-repeat: no-repeat; background-size: 40px; background-position: 18px center; }
    
    .common_banner .banner-left h1{font-size:70px; line-height: 86px;}
    
    
    /* Review */
    .Review{ background-color: #F5F2F2; position: relative; padding: 30px 50px; }
    .review_inr{ background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #00000029; border-radius: 0px 0px 8px 8px; opacity: 1; display: flex; justify-content: center; text-align: center; margin-top: -30px; }
    .review_inr .review_item{ max-width: 25%; width: 100%; padding: 25px 49px 36px; position: relative; }
    .review_inr .review_item::after{ content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); border-right: 3px solid #F5F2F2; height: 85px;  }
    .review_inr .review_item h3{ font-size: 30px; font-family: var(--font-bold); }
    .review_inr .review_item .icon{ width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; margin:  0 auto 10px; }
    .review_inr .review_item .icon img { width: auto; height: auto; object-fit: contain; }
    .review_inr .review_item p{color: #002A65; font-size: 20px; font-family: var(--font-bold);}
    
    
.matters{ background-color: #F5F2F2; position: relative; text-align: center; padding: 41px 0 100px; }
.matters .h4{ font-family: var(--font-bold); line-height: 37px; padding: 0 0 9px; }
.matters .h1{ line-height: 103px; }
.matters-inr{ padding-top: 33px; display: flex; flex-wrap: wrap; gap: 36px 0; margin: 0 -16px; }
.matters-item{ max-width: 33.33%; width: 100%; padding: 0 16px; }
.matters-item .matters-box{ text-align: left;  border-radius: 8px; opacity: 1; position: relative; padding: 34px 26px 23px; font-size: 30px; line-height: 37px; color: #333333; font-family: var(--font-medium); height: 100%;}
.matters-item .matters-box::before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--white-color); transition: all 0.5s ease-in-out; transform: scale(1); transform-origin: center; border-radius: 8px; box-shadow: 0px 3px 6px #00000029;}
.matters-item .matters-box:hover::before{ transform: scale(1.05); }
.matters-item .matters-box > *{ position: relative; }
.matters-box .icon{ background: #F5F2F2 0% 0% no-repeat padding-box; border-radius: 3px; width: 117px; height: 99px; display: flex; align-items: center; justify-content: center; margin-bottom: 14px; }
.matters-item .matters-box .h4{ font-family: var(--heading-font); padding: 0 0 27px; }
.matters-item a{width: 100%;height: 100%; }

.mission{ padding: 112px 0; position: relative; background-color: #021C41; border: 1px solid #707070; }
.mission_inr{ display: flex; gap: 57px; justify-content: center; }
.mission_inr .mission_left{ max-width: 59%; width: 100%; }
.mission_box{ position: relative; font-size: 30px; line-height: 37px; font-family: var(--font-medium); color: var(--white-color); }
.mission_box span.common_content{ font-size: 30px; line-height: 37px; font-family: var(--font-bold); text-transform: uppercase; text-decoration: underline; text-underline-offset: 9px; }
.mission_box h2{ padding: 40px 0 60px; color: var(--white-color); line-height: 79px; }
.mission_box ul.col-2{ padding: 40px 0 40px; }
.mission_inr .mission_right{ max-width: 41%; width: 100%;position: relative; z-index: 0; }
.mission_inr .mission_right .mission_box{ position: relative; height: 100%; overflow: hidden; }
.mission_inr .mission_right .mission_box .img.base, .mission_inr .mission_right .mission_box .img.hover { position: absolute; top: 0; left: 0; }
.mission_inr .mission_right .img.base { z-index: 1; }
.mission_inr .mission_right .img.hover { z-index: 2; opacity: 0; transition: opacity 0.6s ease-in-out; will-change: opacity; }
.mission_inr .mission_right .mission_box:hover .img.hover { opacity: 1; }
.pl{ padding-left: 138px;}

section.law { position: relative; }
section.law::before{ content: ''; position: absolute; right: 0; background: #F5F2F2 0% 0% no-repeat padding-box; width: 10%; height: 100%; }
.law_inr{ display: flex;  justify-content: center; }
.law_inr > div{ width: 50%; }
.law_left .law_box{ padding: 63px 40px 90px 0; position: relative;  }
.law_left .law_box h2{ position: relative; padding: 0 0 33px; line-height: 70px; }
.law_left .law_box h2::before{ content: ''; position: absolute; left: 0; bottom: 0; border: 5px solid #002A65; width: 222px; border-radius: 8px; } 
.law_left .law_box ol{ padding-top: 45px; }
.law_left .law_box ol li{ padding: 0 0 25px 60px; position: relative; counter-increment: counter; font-family: var(--font-medium); font-size: 30px; line-height: 37px; color: #002A65; }
.law_left .law_box ol li strong{ display: block; font-family: var(--font-bold); }
.law_left .law_box li::before{ content: "0" counter(counter) "." ; position: absolute; left: 0; top: 0; font-size: 30px; line-height: 38px;color: #ABC7EF; font-family: var(--heading-font);  }
.law_right{ padding-left: 143px; display: flex; align-items: center; justify-content: center; text-align: left; background: #F5F2F2 0% 0% no-repeat padding-box;}
.law_right .law_box{ position: relative; font-size: 30px; line-height: 36px; color: var(--header); padding: 62px 62px 0 62px;background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #00000029; border-radius: 8px; }
.law_box h3{ padding: 0 0 25px; }
.law_right .law_box ul{ display: flex; align-items: center; justify-content: center; gap:20px 20px; flex-wrap: wrap; padding-bottom: 25px; }
.law_right .law_box ul li{ width: fit-content; font-size: 30px; line-height: 35px; font-family: var(--heading-font); }

.mass{ background: #021C41 0% 0% no-repeat padding-box; border: 1px solid #707070; opacity: 1; padding: 97px 0; color: var(--white-color); text-align: center; }
.mass .h3{ color: var(--white-color); padding-bottom: 62px; }
.mass ul{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin: 0 -7px; padding-bottom: 22px; }
.mass ul li{ max-width: 25%; width: 100%; padding: 0 7px; }
.mass ul li a{ background: #021C41 0% 0% no-repeat padding-box; border: 1px solid #FFFFFF; border-radius: 8px; padding: 7px 20px; font-size: 30px; line-height: 37px; font-family: var(--font-bold); color: var(--white-color); display: block; width: 100%; }
.mass ul li a:hover{ background-color: var(--white-color); color: var(--header); border-color: var(--header); }
.mass .btn-transprent{ border-width: 3px; outline: 3px solid var(--white-color); outline-offset: -1px; background-color: transparent; color: var(--white-color); }

.team{ padding: 59px 0; position: relative; }
.team .team-inr{ background: #F5F2F2 0% 0% no-repeat padding-box; border-radius: 8px; padding: 74px; display: flex; justify-content: center; gap: 73px; align-items: center;  }
.team .team-inr .team-img{ max-width: 35%; width: 100%; }
.team .team-inr .team-img .team-box{ overflow: hidden; box-shadow: 0px 3px 6px #00000029; border-radius: 8px; line-height: 0    ; }
.team .team-inr .team-img .team-box img{ width: 100%; height: 100%; object-fit: cover; }
.team .team-inr .team-content{ max-width: 65%; width: 100%; font-size: 30px; line-height: 37px; color: var(--header); }
.team .team-inr .team-content h2{ padding-bottom: 27px; }
.team-btn{ padding-top: 8px; display: flex; align-items: center; justify-content: flex-start; gap: 71px ; }
.team-btn .team-name{ font-size: 30px; font-family: var(--heading-font); color: var(--header); margin-bottom: 0; }
.team-btn .team-name span.team-surname{ font-size: 20px; line-height: 35px; display: block; }
.team-btn .btn-transprent{  outline: 3px solid #002A65;
border-radius: 8px;  background: #F5F2F2 0% 0% no-repeat padding-box; border-width: 3px;}
.team-btn .btn-transprent:hover{ border-color: var(--header);  }


.cta{ font-size: 30px; line-height: 37px; color: var(--white-color); text-align: center; background: #021C41 0% 0% no-repeat padding-box;  padding: 111px 0 80px; position: relative; }
.cta h2{ padding: 0 0 28px; color: var(--white-color); line-height: 103px; }
.cta .team-btn{ justify-content: center; padding-top: 30px; color: var(--white-color); }
.cta .team-btn p,.cta .team-btn .team-name a{ color: var(--white-color); }
.cta .team-btn .team-name a:hover{ color: var(--primary-color); }

.slider{ padding: 10px 0px; border: 1px solid #707070; border-left: none; border-right: none; margin-bottom: 14px; }
.slider .slider-main{ padding: 10px 10px; border: 1px solid #707070; border-left: none; border-right: none; box-shadow: 0 -2px 15px rgba(0,0,0,0.08), 0 8px 25px rgba(0,0,0,0.12);}
.slider-img{ line-height: 0; text-align: center; }
.slider-img img{ width: 252px; height: auto; object-fit: contain; margin: 0 auto; }
.slider .slick-track { display: flex; align-items: center; justify-content: center; }

footer{ position: relative; padding: 42px 0 0px; text-align: center; color: var(--white-color); background: #010F24 0% 0% no-repeat padding-box;}
.footer_logo{ line-height: 0; width: fit-content; margin: 0 auto; }
.footer_inr{ display: flex; align-items: flex-start; justify-content: space-between; gap: 70px; padding: 0 0 42px;  position: relative; }
.footer_inr::before{ content: ''; border-bottom: 3px solid #F5F2F2; width: 100%; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }
.footer_item{ max-width: 33.33%; width: 100%; text-align: left; }
.footer_item a.footer_logo{ width: 231px; margin-bottom: 28px; }
.footer_item p{ font-size: 20px; color: #ABC7EF; line-height: 30px; }
.footer_item h6,.footer_item span a{ font-size: 30px; color: var(--white-color); font-family: var(--font-bold); padding: 0 0 8px; }
.footer_item ul li{ color: var(--primary-color); font-size: 20px; line-height: 30px; font-family: var(--body-font); }
.footer_item ul{ padding-bottom: 65px; }
.footer_item a{ font-size: 40px; font-family: var(--heading-font); color: var(--white-color); }
.footer_item a:hover{ color: var(--primary-color); }
.copyright{ position: relative; padding: 15px 0; text-align: center; font-size: 20px; line-height: 30px; color: var(--primary-color); }
.copyright p{ margin-bottom: 0;  }
.practice ul{ padding-bottom: 0; }
.practice ul li a{ font-size: 20px; line-height: 44px; color: #ABC7EF; font-family: var(--body-font); }
.practice ul li a:hover{ color: var(--white-color); }

.Serving_content{ display: block; padding: 8px 0; border-top: 1px solid #ABC7EF; border-bottom: 1px solid #ABC7EF; text-align: center; font-size: 20px; line-height: 30px; font-family: var(--font-bold); color: var(--primary-color); background: #010F246A 0% 0% no-repeat padding-box;
position: relative; top: 40px; }


/* 24-12 mahima */
.wpcf7-not-valid-tip { display: none; }
.banner-right-box form{display: flex; flex-wrap: wrap; margin: 0 -7px;}
.input-fild.submit-recaptcha { display: flex; gap: 14px; }
.wpcf7 form .wpcf7-response-output{text-align: center; margin-top: 15px !important; font-size: 15px; width: 100%;}
.submit-btn input[type="submit"]{cursor: pointer ; transition: 0.3s all ease-in-out;    border: 3px solid #182A3D; border-radius: 8px;}
.submit-btn input[type="submit"]:hover{ background-color: var(--header); color: var(--white-color); }
.input-fild.submit-recaptcha { display: flex; gap: 14px; }
.wpcf7 form .wpcf7-response-output { text-align: center; margin-top: 15px !important; font-size: 15px; width: 100%; }
.banner-right-box input,.banner-right-box textarea{ background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #707070; padding: 10px 16px; width: 100%; color: #707070; font-size: 18px; font-family: 'Helvetica_roman'; line-height: 25px; }
input.wpcf7-not-valid { border: 1px solid red !important; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: #ffb900; background: #f5deb3; }
.cf7sr-recaptcha .wpcf7-not-valid-tip { display: block !important; font-size: 15px; }


.common_banner{ font-size: 20px; line-height: 35px; }
.common_banner .common_color{ display: block; padding-bottom: 20px; font-family: var(--font-medium); color: #F5F2F2;  }
.common_banner .banner_inr{ position: relative; }

.contact{ padding: 50px 0; background: #F5F2F2 0% 0% no-repeat padding-box; font-size: 20px; line-height: 30px; }
.content_inr { display: flex; gap: 50px; align-items: flex-start; }
.content_inr .contact-left{ max-width: 60%; width: 100%; }
.content_inr .contact-left h2{ padding: 0 0 30px; }
.content_inr aside{ max-width: 40%; width: 100%; }
.contact-box-details{ display: flex; flex-wrap: wrap; margin: 0 -10px; gap: 20px 0; }
.item{ max-width: 50%; width: 100%; padding: 0 10px; }
.item .item_box{ background-color: var(--white-color); padding: 30px; border-radius: 8px; }
.item .item_box h3{ padding-bottom: 16px; }
.contact-box .input-fild.col-2 { max-width: 50%; float: left; margin: 0 0 20px; }
.contact-box .input-fild.col-1 {line-height: 0; margin: 0 0 20px; }
.contact-box textarea { height: 100px; }


/* sahal 21-apr-2026 */
.defence_inr h2 { font-size: 50px; line-height: 65px; padding: 0 0 20px; border-bottom: 1px solid #707070; margin: 0 0 20px; }
.defence { padding: 50px 0; }
.defence_inr { display: flex; align-items: flex-start; justify-content: space-between; gap: 80px; }
.defence_left{ max-width: 78%; width: 100%; }
.defence_right {position: sticky; top:170px; max-width: 28%; width: 100%; display: flex; flex-direction: column; gap: 25px;}
.defence_dtl { padding: 0 0 50px; }
/* .defence_dtl p {padding:20px 0 0; } */
.defence_dtl strong { display: block; } /* padding:0 0 20px;*/
.defence_dtl ul { padding:0; gap: 30px; }
.defence_dtl ul li { color: var(--header); line-height: 1.2; font-family: var(--heading-font); font-size: 22px; border: 1px solid #707070; background-color: #fff; position: relative; padding: 25px 25px  25px 55px; border-radius: 4px; }
.defence_dtl ul.col-2 li::before { left: 25px; top: 34px; background-color: #152865;}
.defence_dtl p.left-border { margin-top:20px;}

.defence_box { padding: 0 0 50px; }
.defence_box h2 { font-size: 50px; line-height: 65px; padding: 0 0 20px; border-bottom: 1px solid #707070; }
.defence_box strong { display: block; } /* padding:0 0 20px;*/
.defence_box ul { padding:0; gap: 0; }
.defence_box ul li { color: #333; line-height: 1.2; font-family: var(--heading-font); font-size: 20px; border: unset; background-color: transparent; position: relative; padding: 10px 10px 10px 30px; border-radius: unset; }
.defence_box ul.col-2 li::before { left: 0; top: 16px; background-color: #333; }
.defence_box p.left-border { margin-top:20px;}
.defence_img { line-height: 0; box-shadow: 0 1px 6px rgb(5 14 36 / 64%); border-radius: 10px 10px 0 0; margin:0; }
.defence_img img{border-radius: 10px 10px 0 0; }
.defence_box_item { background-color: #ffffff; border-radius: 0 0 10px 10px; padding: 40px; box-shadow: 0 1px 6px rgb(5 14 36 / 64%); }
.defence_box_item h3 {padding:0 0 20px;}
.simple_box { margin:0px 0 50px; border-radius: 10px; }
.simple_box p.left-border { margin-top: 20px; border-top: 1px solid #707070; background-color: transparent; border-radius: 0; border-left: 0; padding: 18px 0 0!important; }
.simple_box ul{ gap:20px 30px;} 
.simple_box ul li {background-color: #b1c6ef; border-radius: 8px; padding: 12px 20px;} 
.dark_box { margin: 50px 0; border-radius: 10px; background-color: #050e24; color: #fff; }
.dark_boxL:last-of-type { margin: 50px 0 0;}
.dark_box h3{color:#fff; }
.dark_box ul li { color: #152865; }
.dark_box ul{ gap:20px 30px;} 
.dark_box ul li {background-color: #b1c6ef; border-radius: 8px; padding: 12px 20px;} 
.dark_box p.left-border { margin-top: 20px; border-top: 1px solid #707070; background-color: transparent; border-radius: 0; border-left: 0; padding: 18px 0 !important; color: #fff; }

.proven_list { list-style: none; padding: 0; margin: 0 auto; counter-reset: proven-step; } /*padding: 50px 0 0; */
.proven_list ol { list-style: none; padding: 0; margin: 0 auto; counter-reset: proven-step; }
.proven_list ol li { width: 100%; max-width: 87%; margin: 0 auto; text-align: left; position: relative; counter-increment: proven-step; padding: 0 0 10px 0; }
.proven_list ol li:last-of-type {padding: 0; }
.proven_list ol li::before { content: counter(proven-step); width: 40px; height: 40px; background: var(--header); color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; margin-right: 25px; flex-shrink: 0; padding: 0; left: -70px; position: absolute; top: 2px; }
.proven_list ol li h3 { display: block; font-family: var(--heading-font); text-transform: capitalize; font-size: 22px; color: var(--header); line-height: 44px; padding: 0; }

 .blog_list_right{ display: flex; flex-direction: column; gap: 25px;}
.sidebar_box { border-width: 1px; border-color: #707070; border-style: solid; border-radius: 5px; padding: 20px; }
.sidebar_box h4 { font-size: 25px; padding: 0 0 9px; margin-bottom: 9px; border-bottom: 1px dashed #000; }
.sidebar_box h4 { font-weight: 600; line-height: 1.1; }
.sidebar_box ol { padding-left: 0px; margin: 0; counter-reset: order; }
.sidebar_box ol li { position: relative; list-style-type: none; counter-increment: order; padding-bottom: 15px; padding-left: 40px; padding-right: 0px; }
.sidebar_box ol li::before { content: counter(order, decimal-leading-zero) "."; position: absolute; left: 0; top: 5px; color: rgb(21 40 101); font-size: 20px; line-height: 30px; }
.sidebar_box ol li a { font-size: 20px; line-height: 30px; color: var(--header); }
.sidebar_box a { font-size: 20px; line-height: 30px; color: var(--header); }
.sidebar_box a:hover {color:var(--primary-color); }
.sidebar_box ol li a:hover { color: var(--primary-color); }
.sidebar_box ul li{ padding: 5px 0; border-bottom: 1px  solid #707070; }
.sidebar_box ul li:last-of-type{ padding: 5px 0 0; border-bottom: none; }
.defence_box_item:last-child {margin:0px}

.single_box { border-radius: 10px; margin:0 0 50px}
.single_box strong{display: block;}
.single_box ul{ flex-direction: column; }
.single_box ul li {position: relative; margin: 10px 0 10px 30px; }
.single_box ul li::before { content: ''; position: absolute; top: 5px; left: -30px; background: url(images/check.webp) no-repeat center; background-size: auto; width: 22px; height: 22px; }
.single_box p.left-border{ margin: 20px 0 0;}
.gray_bg { background-color: #F5F2F2;}
.criminal_faq { background: #F5F2F2;}
.faq_tab .faq_head:last-of-type { margin: 0px; }
a.help_btn { width: 100%; margin: 0 0 20px; }
a.help_btn:last-of-type { margin: 0px; }

.speak_inr { border-radius: 10px; background-color: #fff; box-shadow: 0 1px 6px #707070; }
.speak_left { max-width: 70%; width: 100%; padding: 70px; }
.speak_left.full_width { max-width:100%}
.speak_left h2 { padding: 0 0 30px; }
.speak_left p{ padding: 0 0 30px;  margin: 0;}
/* .speak_left p:last-of-type{ padding:0px;} */
.speak_right {line-height: 0; max-width:30%; width: 100%; }
.speak_right img{width: 100%; height: 100%; border-radius: 0 10px 10px 0; }

.sub_single_box { background: transparent; box-shadow: none; padding: 0; }
.sub_single_box h2{ padding: 0 0 20px; }
.sub_single_box p{ padding: 0 0 20px; margin: 0;}
.sub_single_box p:last-of-type{ padding: 0px; }
.sub_single_box_img { line-height: 0; padding: 0 0 50px; }
.sub_single_box_img img { width: 100%; height: 100%; border-radius: 10px; }

/* blog */
.blog_details_otr_main {padding: 0 0 25px 0;}
.blog_details_otr {padding: 15px 0;}
.blog_details_otr:first-child {padding:0 0  15px;}
.blog_details_otr:last-of-type {padding:15px 0 0;}
.blog_detais_inr { background: #050e24; margin: 0 0 0 3px; border-radius: 10px; overflow: hidden; vertical-align: top; }
.blog_details_img { display: inline-block; margin: 0 0 0 -3px; width: 30%; vertical-align: middle; line-height: 0; }
.blog_details_img a { display: inline-block; line-height: 0; }
.blog_details_text { display: inline-block; margin: 0 0 0 -3px; width: 70%; vertical-align: middle; padding: 0px 5px 0 33px; }
.blog_details_text_title {padding: 0 0 10px 0;}
.blog_details_text_title a { display: inline-block; color: #ffffff; font-size: 20px; line-height: 27px; font-weight: bold; }
.blog_details_text strong { position: relative; padding: 0 0 7px 25px; margin: 0; color: #b1c6ef; font-size: 16px; display: block; }
.blog_details_text strong:before { position: absolute; content: ""; background: url(images/cal_icn.png) no-repeat; width: 16px; height: 16px; left: 0; top: 3px; background-size: 100%; }
.blog_para p { color: #ffffff; }
.blog_para p a { display: inline-block; color: var(--primary-color); }
.blog_para p a:hover{color: #fff;}
.blog_page_main{ display:flex; justify-content: space-between; gap: 80px;}
.content.blog-hub { padding: 50px 0; }
/* blog */

.sidebar_box a.button:hover { color: #fff; }


      


/* sahal 21-apr-2026 */
/* deepak contact to style 22-apr-2026 */
.item .item_box { height: 100%; display: flex; flex-direction: column; } 
.item .item_box a { margin-top: auto; color: var(--header); text-decoration: underline; font-family: var(--font-medium); text-transform: capitalize; display: block; width: fit-content; }
.item .item_box a:hover { text-decoration: none; }
.content_inr aside .contact-box { padding: 30px; background: #ffff; border-radius: 8px; box-shadow: 0px 3px 6px #00000029; border: 1px solid #707070; }
.content_inr aside .contact-box .content-top { background-color: var(--primary-color); text-align: center; padding: 30px 0; width: 100%; border-radius: 8px; margin-bottom: 25px; }
.item:last-child { max-width: 100%; }
.item ul { padding: 0px 0 25px; }
.item ul li { position: relative; padding: 5px 10px 5px 25px; }
.item ul li::before { content: ''; position: absolute; left: 0; top: 17px; width: 10px; height: 10px; background-color: #101010; border-radius: 50%; }
.item .item_box h3 { position: relative; padding-left: 50px; }
.bottom_content ul { padding: 0 0 25px; }
.item .item_box h3:before { content: ''; position: absolute; left: 0; top: -7px; background-repeat: no-repeat; background-position: center; background-size: 21px; background-color: var(--header); width: 40px; height: 40px; border-radius: 50%; }
.bottom_content ul li, .practice-first ul li { color: var(--header); line-height: 1.2; font-family: var(--heading-font); font-size: 22px; border: 1px solid #707070; background-color: #fff; position: relative; padding: 25px 25px 25px 55px; border-radius: 4px; }
.bottom_content ul li:before, .practice-first ul li::before { background-color: #152865 !important; left: 25px; top: 34px; }
.bottom_content { padding-top: 35px; }
.common_bg_color { padding: 25px; background-color: #010F24; color: #ffff; border-radius: 8px; margin-top: 25px; }
.common_bg_color h2 { color: var(--white-color); padding-bottom: 10px; }
.bottom_content ul.col-2, .practice-first ul.col-2 { gap: 30px; }
.content_inr .contact-left h2 { padding-bottom: 0; }
.content_inr aside { position: sticky; top: 165px; }
.practice-inr { display: flex; align-items: flex-start; justify-content: space-between; gap: 50px; }
.practice-inr .practice-left { max-width: 50%; width: 100%; }
.practice-inr ul { max-width: 100%; }
.practice-inr ul li:before { background-color: #000; }
ul.btn-button { display: flex; align-items: center; justify-content: flex-start; gap: 15px; flex-wrap: wrap; }
ul.btn-button li { padding: 0; }
ul.btn-button li a { padding: 8px 20px; background-color: #010F24; border: 2px solid #010F24; color: var(--white-color); text-decoration: none; border-radius: 8px; line-break: 30px; font-size: 20px; font-family: var(--font-bold); }
ul.btn-button li a:hover { background-color: transparent; color: #010F24; }
ul.btn-button li:before { display: none; }
.practice-first ul.col-2 li { width: calc(50% - 15px); padding-left: 49px; }
.practice-first ul.col-2 li:last-child { width: 100%; }


/*  Furkan M Css */
p.left-border { border-left: 3px solid #010F24; display: flex; font-weight: 600;  background:var(--primary-color); border-radius: 8px;
padding: 18px 20px !important; color: var(--header); margin-bottom: 0; font-size: 20px; }
.a-client{background-color: #F5F2F2;}
.client_otr{display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -15px;}
.client_card{width: 33.33%; padding: 15px; text-align: left; border-radius: 8px;}
.client_card .client_box { display: flex; flex-direction: column;}
.client_img { display: flex; justify-content: flex-start; margin-bottom: 15px; width: fit-content; background: var(--primary-color); border-radius: 8px;}
.client_img img { width: 50px; height: 50px; object-fit: contain; }
.client_box { transition: transform 0.35s ease, box-shadow 0.35s ease; border: 1px solid var(--header); height: 100%; background: #fff; border-radius: 8px; padding: 30px 25px;}
.client_card h3{font-size: 26px; margin-bottom: 0;}
.our-mission ul.col-2 li::before,.our-mission ul.col-3 li::before{background-color: #000000 ;}
.our-mission ul.col-2,.our-mission ul.col-3{gap: 0;}
.practice_area_otr { display: flex; gap: 60px; align-items: center; justify-content: space-between; }
.practice_left { background: #0b1323; padding: 25px 30px; border-radius: 8px; width: 100%; max-width: 40%; box-shadow: 0 10px 25px rgba(0,0,0,0.15); }
.practice_right{ width: 100%; max-width: 60%; }
.practice_left ul { list-style: none; margin: 0; padding: 0; width: 100%; max-width: 100%;}
.practice_left ul li { color: #cfd6e1; width: fit-content; border-bottom: 1px solid rgba(255,255,255,0.2); width: 100%;}
.practice_left ul li:last-child { border-bottom: none; }
.def-page.practice_area ul li:before,.def-page.practice_area ul.col-2 li:before,.def-page.practice_area ul.col-3 li:before{background-color: #fff;}
.Commitment.def-page{background-color: #F5F2F2;}
.serving_augusta{background-color: var(--header);}
.serving_augusta_otr { display: flex; justify-content: space-between; align-items: flex-start; gap: 50px; }
.serving_augusta_left { width: 55%; color: #fff; }
.serving_augusta_left h2,.serving_augusta_left ul li { color: #fff; }
.serving_augusta_left p { color: rgba(255,255,255,0.7); margin-bottom: 20px; }
.serving_augusta_right .card{padding: 25px; background-color: #fff; border-radius: 8px;}
.a-client.why-client{background-color: #fff;}
.a-client.why-client .client_card{text-align: center;}
.a-client.why-client p.left-border{margin-top: 25px;}
.def-page.speak_with {background-color: #ABC7EF;}
.speak_with a.button{margin-top: 10px; color: #fff; background-color: #010F24; text-decoration: none; border-width: 3px; outline: 3px solid var(--white-color); outline-offset: -1px;} 
.speak_with a:hover.button{color: #fff; background-color: #010F24;}
.speak_with h2,.speak_with p {color: var(--header);}
.item.call .item_box h3:before{background-image: url(images/call.webp);}
.item.mail .item_box h3:before{background-image: url(images/mail.webp);}
.item.location .item_box h3:before{background-image: url(images/maps-and-flags.webp);}
.faq_tab h2{margin-bottom: 30px;}
.faq_tab .faq_head { margin: 0px 0 30px; border: 1px solid #D9D9D9; border-radius: 3px; }
.faq_tab .collapsible-trigger-btn { width: 100%; cursor: pointer; padding: 20px 75px 20px 38px; display: flex; align-items: center; justify-content: space-between; position: relative; text-align: left; background-color: #010F24; }
.faq_tab .collapsible-trigger-btn h4 { color: #fff; line-height: 100%; text-transform: capitalize; font-size: 20px; line-height: 28px; margin-bottom: 0; }
.faq_tab .collapsible-trigger-btn.active::after { content: " "; font-size: 40px; transform: rotate(0deg); }
.faq_tab .collapsible-trigger-btn::after { content: " "; font-weight: 400; position: absolute; right: 24px; background-image: url(images/down.webp); background-repeat: no-repeat; background-position: 50% 99%; color: var(--white-color); background-size: 100% 100%; width: 30px; height: 30px; transition: 0.3s all ease-in-out;}
.faq_tab .collapsible-trigger-btn.active::after { transform: rotate(180deg); }
.faq_tab .faq_head .faq_tabs_content_text { visibility: visible; opacity: 1; padding: 20px 40px 20px 40px; transition: all 0.2s linear; font-family: var(--body_font); font-size: 18px; text-align: left; }
.faq_tab .faq_head .faq_tabs_content_text p:last-of-type { margin-bottom: 0; }
.faq_tab .faq_head .faq_tabs_content_text p { margin-top: 0; text-transform: capitalize; font-size: 18px; line-height: 28px; }
.faq_tabs_content { max-height: 0; overflow: hidden; transition: max-height 0.4s ease; }
.faq_head.active .faq_tabs_content { max-height: 500px; }
.start_coantact .banner-btn{padding-top: 0px;}
.a-client.legal .client_card{text-align: center;}
.a-client.legal .client_img{ margin: 15px auto;}
.a-client.legal .client_img img{padding: 8px;}
.common_card_in{display: flex; margin: 0 -15px; flex-wrap: wrap; justify-content: center;}
.common_card_in .common_card{ padding: 15px; max-width: 33.33%; width: 100%; border-radius: 8px;}
.common_info_box{  background-color: var(--primary_color); border-radius: 8px; overflow: hidden; text-align: left; height: 100%; display: flex; flex-direction: column;}
.common_img{ line-height: 0; }
.common_info_text{padding: 25px; background-color: #002A65; height: 100%; display: flex; flex-direction: column;}
.common_info_text h2{font-size: 28px; line-height: normal; color: #fff;}
.common_info_text ul li,.common_info_text p{color: #fff;}
.common_img img{width: 100%;}
.def-page.cards_common ul li::before,.def-page.cards_common ul.col-2 li::before,.def-page.cards_common ul.col-3 li::before{background-color: #fff;}
.common_info_text p.border-left{color:#002A65 !important;}
.common_info_text ul { flex-grow: 1; }
.practice_left h2 ,.practice_left p{color: #fff;}
.practice_left p:last-child{margin-bottom: 0;}
.practice_left p.last{margin-top: 10px;}
.practice_area.Columbia{background-color: #F5F2F2;}
.practice_area.Columbia .practice_left,.practice_area.Columbia .practice_right {max-width: 50%;}
.practice_area.Columbia .practice_right .client_card { width: 50% !important;}
.practice_area.Columbia .practice_right .client_card .client_box{flex-direction: row; align-items: flex-start; gap: 20px;}
.practice_area.Columbia .practice_right .client_img img { width: 40px; height: 40px; padding: 8px;}
.practice_right.bottom_content ul.col-2{ gap: 20px; max-width: fit-content; justify-content: space-between;}
.def-page.Columbia ul.col-2 li { width: 48%;}

/* home button */
/* .page-template-home .button, .page-template-home a.button, .page-template-home button, .page-template-home html input[type="button"], .page-template-home input[type="reset"], .page-template-home input[type="submit"] { font-family: var(--font-bold); font-weight: normal; margin: 0 0 0 0;  padding:16px 30px;  border-radius:8px; background-color:var(--primary-color); border: 5px solid transparent; display: inline-block; vertical-align: middle; font-size: 30px; color: var(--header); line-height: 37px; position: relative;outline: none;box-shadow: none;text-align: center;text-decoration: none;-webkit-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out; overflow: hidden; position: relative;z-index: 1; text-transform: uppercase;} */
/* home button */
.sidebar_person_icon { line-height: 0; height: 150PX; width: 150PX; box-shadow: 0 1px 6px #707070; margin: 0 auto 20px; border-radius: 50%; }
.sidebar_person_icon img{ width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.blog_sidebar { position: sticky; top:170px;} 

.about_page_main.def-page.p_tb_30, .p_tb_30 { padding-top: 30px; padding-bottom: 30px; }

.pagination .wp-pagenavi { width: fit-content; margin: auto; }
.pagination .wp-pagenavi span.current, .pagination a:hover { background-color: var(--second-primary-color); color: #fff; }
.pagination .wp-pagenavi span, .pagination a { display: inline-flex; vertical-align: middle; justify-content: center; align-items: center; border: 1px solid #a1a1a1; color: #1f3363; font-size: 20px; width: 45px; height: 45px; border-radius: 6px; transition: .3s; position: relative; font-weight: 500; }
.wp-pagenavi a, .wp-pagenavi span { text-decoration: none; border: 1px solid #BFBFBF; padding: 3px 5px; margin: 2px; }

.wp-pagenavi a, .wp-pagenavi span { text-decoration: none; border: 1px solid #BFBFBF; padding: 3px 5px; margin: 2px; }
.pagination a.nextpostslink::after, .pagination a.previouspostslink::after { content: ''; width: 10px; height: 10px; border-left: 2px solid var(--second-primary-color); border-top: 2px solid var(--second-primary-color); border-radius: 1px; top: 50%; position: absolute; }
.pagination a.nextpostslink::after { transform: translate(-50%,-50%) rotate(135deg); left: 45%; }
.pagination a.previouspostslink::after { transform: translate(-50%,-50%) rotate(-45deg); left: 60%; }
.pagination a.nextpostslink:hover::after, .pagination a.previouspostslink:hover::after { content: ''; border-color: white; }
/* .pagination a.nextpostslink::after, .pagination a.previouspostslink::after { content: ''; width: 10px; height: 10px; border-left: 2px solid var(--second-primary-color); border-top: 2px solid var(--second-primary-color); border-radius: 1px; top: 50%; position: absolute; } */

.result_matter h2 { font-size: 50px; line-height: 65px; }
.result_matter .matters-item { max-width: 50%;}
.result_matter .matters-item a{ height: 100%; width: 100%;}
.result_matter .matters-item p{font-size: 20px; line-height: 27px;}
/* .result_matter .matters-item .matters-box .h4 { min-height: 101px; } */
.result_mission .def-page .right-img { margin: 0 0 40px 40px; }

.dark_box h2 { color: #fff; }

.blog_title h2{padding-bottom: 16px;}
.sidebar_box ul li.current-cat a{color: var(--primary-color);}

.def-page h1{text-align: center; padding-bottom: 40px;}

.team-btn .button a{color: var(--header);}

.defence .sidebar_box ol li::before { top: 0px;}

.review_item h2{font-size: 30px; font-family: var(--font-bold); line-height: 46px;}
.footer_item h2{color: #fff; font-family: var(--font-bold); line-height: 46px; font-size: 30px;}


.def-page .banner-btn { padding-block: 0 20px; }
.def-page a.button { text-decoration: none; }

.def-page .banner-btn a.button {font-size: 20px; padding: 10px 20px; }
.def-page .banner-btn a.button.btn-transprent { padding: 12px 14px 12px 60px; background-size: 32px;}