/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Template: oceanwp
Author: OceanWP
Author URI: https://oceanwp.org/about-oceanwp/
Description: OceanWP is the perfect theme for your project. Lightweight and highly extendable, it will enable you to create almost any type of website such a blog, portfolio, business website and WooCommerce storefront with a beautiful & professional design. Very fast, responsive, RTL & translation ready, best SEO practices, unique WooCommerce features to increase conversion and much more. You can even edit the settings on tablet & mobile so your site looks good on every device. Work with the most popular page builders as Elementor, Beaver Builder, Brizy, Visual Composer, Divi, SiteOrigin, etc... Developers will love his extensible codebase making it a joy to customize and extend. Best friend of Elementor & WooCommerce. Looking for a Multi-Purpose theme? Look no further! Check the demos to realize that it's the only theme you will ever need: https://oceanwp.org/demos/
Tags: two-columns,right-sidebar,footer-widgets,blog,news,custom-background,custom-menu,post-formats,rtl-language-support,sticky-post,editor-style,threaded-comments,translation-ready,buddypress,custom-colors,featured-images,full-width-template,theme-options,e-commerce,block-styles,wide-blocks,accessibility-ready
Version: 4.1.4.1767931214
Updated: 2026-01-09 04:00:14

*/


h1,
h2,
h3,
h5,
h6 {
	 font-family: "Urbanist", sans-serif!important;
	
}
p,
a, 
li {
	font-family: "Raleway", sans-serif!important;
	  
}
header.page-header {
    display: none;
}
div#footer-widgets {
    padding: 0px;
}
div#footer-bottom {
    display: none;
}

.header-top {
    background: #1b345d;
    padding: 6px 0px;
}
.header-top svg {
    fill: white;
    width: 18px;
    height: 18px;
}
.time {
    display: flex;
    gap: 5px;
    align-items: center;
}
.time h6 {
    color: white;
    font-size: 15px;
    font-weight: 400;
	margin-bottom:0px;
}
.mail  {
    display: flex;
    gap: 5px;
    align-items: center;
}
.mail a {
    color: white;
    font-size: 15px;
    font-weight: 400;
	    font-family: 'Urbanist' !important;
}
.header-top-inner {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: end;
}
.header-inner {
    display: flex;
	gap:50px;
	    align-items: center;
}
.logo {
    width: 25%;
}
.menu {
    width: 70%;
	    display: flex;
    gap: 20px;
	align-items:center;
	justify-content:space-between;
}
.menu-link {
    width: 80%;
}


/*  #mega-menu-wrap-topbar_menu #mega-menu-topbar_menu li.mega-menu-item a.mega-menu-link::before {
    content: "" !important;
    position: absolute !important;
    width: 40px !important;
    height: 2px !important;
    background: #1b345d !important;
    top: 20px !important;
    right: -40px;
}
li#mega-menu-item-26 #mega-menu-wrap-topbar_menu #mega-menu-topbar_menu li.mega-menu-item a.mega-menu-link::before {
	display:none!important;
} */

.header {
    padding: 20px 0px;
}
a.mega-menu-link {
    font-size: 17px !important;
    font-weight: 600 !important;
    font-family: 'Urbanist' !important;
}

.menu-btn a {
    background: #1b345d;
  
    color: white;
    padding: 8px 10px;
    font-family: 'Urbanist' !important;
    font-size: 15px;
    font-weight: 500;
}
.content-area {
    float: unset !important;
    position: relative !important;
    width: 100% !important;
    padding-right: 0px !important;
    border-right-width: unset !important;
    border-style: unset !important;
    border-color: usnet !important;
}
#main #content-wrap {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.home-service-inner {
    display: flex;
	gap: 10px;
}
.service-box1 {
    border: 1px solid black;
    padding: 70px 30px;
}
div#ho-se {
    background: #1b345d; 
}
div#ho-se  h3 {
    color: white;
    font-size: 28px;
    margin-bottom: 25px;
	width:80%;
	font-weight:700;
}
div#ho-se p {
    color: #ffffffe8;
    font-size: 15px;
    width: 99%;
	line-height: 25px;
    margin-bottom: 50px;
}
div#ho-se a {
    color: white;
    text-decoration: unset;
    text-decoration: none !important;
    /* font-family: 'Urbanist' !important; */
    font-size: 15px;
    font-weight: 500;
}
.service-btn i.fa-solid.fa-arrow-right {
    margin-left: 7px;
} 

.service-box1  h3 {
    color: #1b345d;
    font-size: 28px;
    margin-bottom: 25px;
	width:80%;
	font-weight:700;
}
.service-box1   p {
  
    font-size: 15px;
    width: 99%;
	line-height: 25px;
    margin-bottom: 50px;
}
.service-btn a {
    color: black;
    text-decoration: unset;
    text-decoration: none !important;
    /* font-family: 'Urbanist' !important; */
    font-size: 15px;
    font-weight: 500;
}
.abt-home {
    background: #fdf9f5;
    padding: 70px 0px;
}
.abt-home-inner {
    display: flex;
	    gap: 50px;
}
.abt-home-left {
    width: 50%;
	position:relative;
}

.abt-home-right {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    justify-content: end;
    width: 50%;
}
.abt-home-left h2 {
   color: #1b345d;
    font-size: 35px;
    margin-bottom: 25px;
    width: 80%;
    font-weight: 400;
}
.abt-home-left p {
    font-size: 15px;
    width: 99%;
    line-height: 25px;
    margin-bottom: 25px;
  
}
/* .abt-home-left::before {
    content: "";
    position: absolute;
    width: 959px;
    height: 1px;
    background: #0000007a;
    /* top: 0; */
    bottom: 5px;
} */
.abt-home-right h3 {
    color: #1b345d;
    font-size: 22px;
    margin-bottom: 10px;
    width: 100%;
    font-weight: 700;
    line-height: 29px;
}
.abt-home-right p {
    font-size: 15px;
    width: 100%;
    line-height: 23px;
    margin-bottom: 30px;
    /* text-align: justify; */
    font-weight: 400;
}
.abt-btn a {
    color: black;
    text-decoration: unset;
    text-decoration: none !important;
    /* font-family: 'Urbanist' !important; */
    font-size: 15px;
    font-weight: 500;
}
.abt-btn i.fa-solid.fa-arrow-right {
    margin-left: 7px;
}
.our-service-home {
    background: #1b345d;
        padding: 70px 100px;
}

.our-service-home h2 {
    color: white;
    font-size: 35px;
    margin-bottom: 25px;
    width: 80%;
    font-weight: 400;
}
.our-service-home h3 {
    color: #f9f9f9;
    font-size: 29px;
    width: 44%;
    font-weight: 600;
	position:relative;
}
.our-service-home h3::before {
    content: "";
    position: absolute;
    width: 550px;
    height: 1px;
    background: white;
    bottom: 10px;
    left: 428px;
}
.servise-container-box {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 50px;
}
.legal-service1 {
    background: #1b4174;
    padding: 25px 30px 50px;
    border-radius: 29px;
}
.legal-service1 span {
    color: #ffffff6e;
    font-size: 50px;
    font-weight: 300;
    font-family: 'Urbanist';
}
.legal-service1 h4 {
        color: #ffffffe6;
    font-weight: 400;
    line-height: 29px;
    font-size: 21px;
    margin-bottom: 65px;
    margin-top: 0px;
    width: 100%;
    height: 30px

}
.legal-btn a {
    color: white;
    text-decoration: unset !important;
    font-weight: 300;
}
.legal-btn i.fa-solid.fa-arrow-right {
    color: #ffffffe3;
    /* text-decoration: unset !important; */
    /* font-weight: 300; */
    margin-left: 3px;
}
.bottom-line {
    background: #1b4174;
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    padding: 12px 20px;
	align-items:center;
}
.bottom-line h5 {
    color: #ffffffe0;
    font-size: 26px;
    font-weight: 400;
    margin-bottom: 0px;
}
.btm-l {
    background: #ffffff;
    display: flex;
    align-items: center;
   padding: 3px 10px;
    border-radius: 30px;
}
.logo-inner h2 {
    color: #1b345d;
    font-size: 35px;
    margin-bottom: 25px;
    /* width: 100%; */
    font-weight: 600;
    text-align: center;
    margin: auto 150px;
    line-height: 50px;
}
.logo-home {
    padding: 50px 0px;
}
.logo-inner p {
    font-size: 16px;
    /* width: 99%; */
    line-height: 25px;
    margin-bottom: 25px;
    text-align: center;
    margin: 20px 200px 0px;
    font-weight: 500;
}
.blog {
    background: #fdf9f5;
    padding: 70px 0px;
}
.blog-inner h2 {
    color: #1b345d;
    font-size: 35px;
    margin-bottom: 25px;
    /* width: 80%; */
    font-weight: 400;
    text-align: center;
}
.blog-card {
    margin: auto 100px;
}
.btm-l i.fa-solid.fa-arrow-right {
    background: #1b345d;
    border-radius: 50%;
    padding: 4px 0px 3px 0px;
    width: 22px;
    /* height: 18px; */
    color: white !important;
    margin-right: 7px;
    /* top: 12px; */
}
.btm-l a {
    color: #1b345d;
    text-decoration: unset !important;
    font-size: 15px;
    font-weight: 700;

}
 h2.bdpp-post-title {
    text-align: left; 
}

h2.bdpp-post-title a {
    color: #1b345d;
    font-size: 23px;
    /* margin-bottom: 25px; */
    /* width: 100%; */
    font-weight: 600;
    /* text-align: center; */
    /* margin: auto 150px; */
    line-height: 50px;
} 
span.bdpp-post-meta-data.bdpp-post-author {
    display: none;
}
span.bdpp-post-meta-sep {
    display: none;
}
.bdpp-post-meta.bdpp-post-meta-up {
    text-align: left;
}

.bdpp-post-meta .bdpp-post-meta-data {
    margin: 0px 0px 0px -23px;
}
.bdpp-post-meta {
	margin:0px;
}
span.bdpp-post-meta-data.bdpp-post-date {
    font-family: 'Urbanist';
    color: black;
}
.bdpp-post-desc {
    font-family: 'Raleway'!important;
    text-align: left;
    line-height: 25px;
    margin-bottom: 0px;
}
.bdpp-post-content {
    text-align: left;
}
a.bdpp-rdmr-btn {
    font-weight: 500;
    background: #1b345d;
    padding: 5px 10px;
    color: #ffffff;
    border: unset;
    /* border-bottom: 1px solid black; */
}

.map-inner h2 {
    color: #1b345d;
    font-size: 35px;
    margin-bottom: 0px;
    /* width: 80%; */
    font-weight: 400;
}
.home-map .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: end;
}
.map-inner {
/*     padding: 50px 0px; */
    text-align: left;
/*     width: 59%; */
    position: relative;
/*     height: 400px; */
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.map-inne {
    display: flex;
	gap:50px;
}
.home-map {
/*     background: url(https://demo.getln.com/djlawyers/wp-content/uploads/2026/01/group-30.webp); */
    /* background-repeat: no-repeat; */
    background-position: center;
/*     height: 400px; */
    background-size: contain;
}
.map-inner h3 {
    color: #1b345d;
    font-size: 50px;
    margin-bottom: 10px;
    /* width: 100%; */
    font-weight: 700;
    /* text-align: center; */
    /* margin: auto 150px; */
    /* line-height: 50px; */
}
.map-inner p {
    font-size: 15px;
    width: 99%;
    line-height: 25px;
    margin-bottom: 19px;
}
.map-link a {
    color: #1b345d;
    text-decoration: unset;
    text-decoration: none !important;
    /* font-family: 'Urbanist' !important; */
    font-size: 15px;
    font-weight: 500;
}
.map-link a i.fa-solid.fa-arrow-right {
    margin-left: 7px;
}

.footer-top-sec {
    background: #1f4072;
    padding: 50px 0px;
}
.footer-top-sec-inner {
    display: flex;
    justify-content: space-between;
}
.footer-top-left ul {
    padding: 0;
    margin: 0;
    display: flex;
    gap: 30px;
}
.footer-top-left a {
    color: #fcfcfcd4;
    font-weight: 400;
    font-size: 16px;
}
.footer-top-right {
    gap: 20px;
	    display: flex;
}
.footer-top-right a {
    color: #fcfcfcd4;
    font-family: 'Urbanist' !important;
    font-size: 16px;
}
.footer-top-right i.fa-solid {
    margin-right: 5px;
	color:white;
}

.footer-bootom-se {
    background: #1a3660;
    padding: 50px 0px;
}

.footer-bot-sec1 {
    display: flex;
}
.logo-footer {
    width: 50%;
}
.copy-rights {
    width: 50%;
    color: white;
}

.logo-footer img {
    width: 60%;
}


.copy-rights {
    display: flex;
    justify-content: end;
}
.copy-rights p {
    margin-bottom: 0px;
    font-size: 15px;
    font-family: 'Urbanist' !important;
	color:#fcfcfcd4;
}
.vilgo-footer-bottom a {
    color: #fcfcfcd4;
}
.footer-bot-sec1 {
    display: flex;
    border-bottom: 1px solid white;
    padding-bottom: 20px;
}
.footer-bot-sec2 {
    display: flex;
    padding-top: 50px;
    display: flex;
    color: white;  
	gap: 30px;
}
.text {
    width: 50%;
}
.social-links {
    width: 10%;
}
.text {
    width: 40%;
}
.location {
    width: 18%;
}
.footer-time {
    width: 25%;
}
.footer-bot-sec2 p {
       font-size: 16px;
    font-family: 'Urbanist' !important;
    line-height: 24px;
    color: #fcfcfcd4;
}
.footer-bot-sec2 span {
   color: white;
    font-size: 20px;
    font-weight: 400;
	margin-bottom:10px;
}
.location-inner {
    display: flex;
    gap: 10px;
}
.social-links-inner {
    display: flex;
  
    gap: 3px;
}
.social-links-inner i.fa-brands {
    font-size: 25px;
}
a:focus {
    outline: unset !important;
}
.banner {
    background: url(https://demo.getln.com/djlawyers/wp-content/uploads/2026/01/banner.webp);
    height: 300px;
    background-position: center;
	position:relative;
}
.banner::before {
 content:"";
	position:absolute;
	width:100%;
	height:100%;
	background:#1b345da8;
}
.banner-inner {
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.banner-inner h1 {
    color: white;
    position: relative;
    font-size: 45px;
    font-weight: 400; 
}

.abt-sec1-inner {
    display: flex;
    gap: 50px;
    padding: 50px 0px;
}
.abt-sec1-left {
    width: 50%;
}

.abt-sec1-right {
    width: 50%;
}
.abt-sec1-right h2 {
    color: #1b345d;
    font-size: 35px;
    margin-bottom: 25px;
    width: 100%;
    font-weight: 500;
}
.abt-sec1-right p {
    font-size: 15px;
    width: 100%;
    line-height: 25px;
    margin-bottom: 10px;
}
.call-to-abt {
    margin-top: 30px;
}
.call-to-abt h3 {
    color: #1b345d;
    font-size: 28px;
    margin-bottom: 25px;
    /* width: 100%; */
    font-weight: 600;
    /* text-align: center; */
    /* margin: auto 150px; */
    line-height: 38px;
    /* border-bottom: 1px solid black; */
    padding-bottom: 12px;
    width: 75%;
	position: relative;
}
.call-to-abt h3::before {
	content: "";
    position: absolute;
    width: 270px;
    height: 1px;
    background: #1f4072;
    bottom: 0;
    left: 5px;
}
.call-to-abt  i.fa-solid.fa-phone {
    background: #1b345d;
    padding: 13px 3px;
    color: white;
  
    margin-right: 10px;
    /* display: flex; */
    width: 40px;
    height: 40px;
    font-size: 18px;
}
.call-to-abt a {
    color: black;
    text-decoration: unset !important;
    font-size: 20px;
    font-family: 'Urbanist' !important;
}






.why-choose {
  position: relative;
  background: url("https://demo.getln.com/djlawyers/wp-content/uploads/2026/01/bg-1.webp");
  padding: 60px 0;
  color: #fff;
	background-attachment: fixed;
}
h2.section-title {
    text-align: center;
    position: relative;
    color: #ffffff;
    font-size: 35px;
    margin-bottom: 25px;
    width: 100%;
    font-weight: 500;
}
.why-choose .overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.65);
}

p.section-subtitle {
    text-align: center;
    /* font-family: 'Urbanist'; */
    font-size: 15px;
    line-height: 27px;
    font-weight: 300;
    margin: 0px 280px 30px;
}

.why-inner {
    position: relative;
}

.content-grid {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 40px;
}

.column {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.feature-box {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 25px;
  border: 1px solid rgba(255, 255, 255, 0.25);
 transition: 0.3s;
}

.feature-box:hover {
  background: rgba(11, 94, 215, 0.2);
  border-color: #0b5ed7;
}

.feature-box h4 {
  font-size: 18px;
  margin-bottom: 8px;
}

.feature-box p {
  font-size: 14px;
  opacity: 0.85;
}

.icon-why {
/*   min-width: 55px;
  height: 55px;
  background: #0b5ed7; */
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  border-radius: 4px;
}
.icon-why svg {
    width: 70px;
    height: 85px;
    padding: 8px;
    background: #1b345d;
    fill: white;
}
.center-image img {
  max-width: 160px;
}

/* Responsive */
@media (max-width: 992px) {
  .content-grid {
    grid-template-columns: 1fr;
  }

  .center-image {
    order: -1;
    margin-bottom: 30px;
  }
}
.column.left-grid .feature-box {
    display: flex;
    flex-direction: row-reverse;
}
.column.left-grid  .feature-box h4 {
    color: white;
    text-align: end;
    margin-bottom: 7px;
    font-weight: 400;
    font-size: 18px;
}
.column.left-grid  .feature-box p {
    margin-bottom: 0px;
    /* width: 60%; */
    text-align: right;
    margin: auto 0px 0px 82px;
    line-height: 21px;
    margin-top: 10px;
}
 .column.right-grid  .feature-box h4 {
    color: white;
    text-align: start;
    margin-bottom: 7px;
    font-weight: 400;
    font-size: 18px;
}

.column.left-grid  .feature-box p {
	  margin-bottom: 0px;
    /* width: 60%; */
    text-align: right;
    margin: auto 0px 0px 82px;
    line-height: 21px;
    margin-top: 10px;
}
.feature-box p {
margin-bottom: 0px;
    /* width: 60%; */
    text-align: left;
    margin: auto 82px 0px 0px;
    line-height: 21px;
    margin-top: 10px;
}
.icon-why::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 44px;
    background: #ffffff85;
    top: -44px;
}
.icon-why::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 44px;
    background: #ffffff85;
    bottom: -44px;
}
.icon-why {
	position:relative;
}






.about-section {
  padding: 60px 0;
  background: #fff;
}



.about-top {
  display: flex;
  gap: 60px;
  align-items: flex-start;
}

.about-image {
  width: 50%;
}

.about-image img {
  width: 100%;
  display: block;
}

.about-content {
  width: 50%;
}

.sub-title {
  font-size: 14px;
  letter-spacing: 2px;
  color: #999;
  margin-bottom: 10px;
  display: block;
}

.title {
   
    color: #1b345d;
    font-size: 35px;
    margin-bottom: 25px;
    width: 100%;
    font-weight: 500;
}

.about-content p {
  font-size: 15px;
    width: 100%;
    line-height: 25px;
    margin-bottom: 10px;
}

/* Bottom paragraph */
.about-bottom {
  margin-top: 40px;
}

.about-bottom p {
  font-size: 16px;
  line-height: 1.9;
  color: #777;
  font-family: "Poppins", sans-serif;
}

/* Responsive */
@media (max-width: 991px) {
  .about-top {
    flex-direction: column;
  }

  .about-image,
  .about-content {
    width: 100%;
  }

  .title {
    font-size: 36px;
  }
}

.over-all-ca {
    display: flex;
	    align-items: center;
}
.over-all-ca svg {
    width: 65%;
    height: 65px;
}
.bot-car {
    display: flex;
    align-items: center;
    gap: 0px;
}
.over-all-ca svg {
    width: 100%;
    height: 65px;
}
.pq-icon {
    width: 20%;
}
.over-all-ca svg {
    width: 56px;
    height: 56px;
    fill: #1f4072;
}
h5.pq-icon-box-title {
    margin-bottom: 0px;
    font-size: 19px;
    font-weight: 400;
    margin-left: 17px;
    width: 60%;
    /* font-family: 'Raleway' !important; */
    line-height: 26px;
    color: black; 
}
    background: #1a3660;
    padding: 50px 0px;
}
.cta-inner {
    display: flex; 
	align-items:center;
}
.cta-left h2 {
    color: #1a3660;
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 20px;
}
.cta-left p {
    color: black;
    width: 80%;
    font-size: 15px;
    line-height: 26px;
}
.cta-right a {
    background: #1a3660;
    padding: 10px 30px;
    text-decoration: unset !important;
    font-size: 16px;
    font-weight: 700;
    font-family: 'Urbanist' !important;
    color: white;

  
}
	.form-contact-inner {
    background: #f5f9ff;
    padding: 70px;
}
.f-c {
    margin: 30px 100px 0px;
}
.form-contact-inner h2 {
    text-align: center;
    font-size: 50px;
    color: #1b345d;
    font-weight: 600;
    margin-bottom: 10px;
}
.form-contact-inner h3 {
    text-align: center;
    font-size: 30px;
    font-weight: 300;
    font-family: 'Raleway' !important;
    margin-bottom: 70px;
}
form#forminator-module-94 {
    font-family: 'Urbanist'!important;
}
button.forminator-button.forminator-button-submit {
    background: #1f4072;
    width: 100% !important;
    color: white;
    font-size: 16px !important;
    font-weight: 600;
}
.forminator-edit-module {
    display: none;
}

.contact-details-inner {
    display: flex;
    text-align: center;
}
div#bl-co {
    background: #1f4072;
     padding: 40px 20px;
}
div#bl-co .ic-contact svg {
    width: 80px;
    height: 80px;
    background: white;
    border-radius: 50%;
    padding: 10px;
    fill: #1f4072;
}
.address-contect {
    background: #1b4481de;
      padding: 40px 20px;
	width:33%;
}
.ic-contact svg {
    width: 80px;
    height: 80px;
    background: white;
    border-radius: 50%;
    padding: 10px;
    fill: #1a3660;
}
.ic-content h4 {
    color: white;
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 25px;
    font-weight: 300;
}
.ic-content p {
    color: #ffffffe0;
    margin: auto 48px;
    line-height: 23px;
	font-size:15px;
	font-weight: 300;
}

div#footer-widgets {
    display: none !important;
}
@media (max-width: 800px) {
	.header-top-inner {
		    justify-content: flex-start;
	}
	.home-service-inner {
    flex-wrap: wrap;
}
	.service-box1 {
    width: 49%;
}
	.abt-home {
    padding: 30px 20px;
}
	.abt-home-inner {
    flex-direction: column;
    gap: 30px;
}
	.our-service-home {
    padding: 30px;
}
	.servise-container-box {
	    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 50px;
    width: 100%;
}
	.menu-btn {
    display: none;
}
	.header-inner {
		
    justify-content: space-between;
	}
	.menu {
    display: inline-grid;
    justify-content: flex-end;
}
	.logo {
    width: 55%;
} 
	.abt-home-left {
    width: 100%; 
	}
	.abt-home-right {
		    width: 100%;
	}
	.our-service-home h3::before {
		display:none;
	}
	.our-service-home h2 {
		  width: 100%;
	}
	.our-service-home h3 {
		width: 100%;
	}
	.bottom-line {
    flex-direction: column;
    align-items: baseline;
    gap: 20px;
}
	.logo-inner h2 {
		    margin: 0px;
	}
	.logo-inner p {
		    margin: 20px 0px 0px;
	}
	.blog {
    padding: 30px 0px;
}
	.blog-card {
    margin: 0px;
}
	.home-map {
    background-repeat: no-repeat;
    background: unset;
}
	.map-inner {
    padding: 30px 0px;
  
    width: 100%;
   
    height: 100%;
  
}
	.home-map {
		    height: 100%;
	}
	.footer-top-sec {
    padding: 30px 0px;
}
	.footer-top-sec-inner {
    flex-direction: column;
    gap: 20px;
}
	.footer-bot-sec1 {
    flex-direction: column;
		gap:20px;
}
	.copy-rights {
    width: 100%; 
	}
	.logo-footer {
    width: 71%;
}
	.copy-rights {
		justify-content: flex-start;
	}
	.footer-bot-sec2 {
    padding-top: 20px;
        flex-wrap: wrap;
}
	.text {
    width: 100%;
}
	.location {
     width: 44%; 
	}
	.social-links {
    width: 50%;
}
	.footer-time {
    width: 100%;
} 
	.menu-link {
    width: 100%;
}
}

@media (max-width: 600px) {
	h1 {
		font-size:28px!important;
	}
	h2 {
		font-size:25px!important;
	}
	h3 {
		font-size:23px!important;
	}
	h4 {
		font-size:20px!important;
	}
	h5 {
		font-size:18px!important;
	}
	h6 {
		font-size:16px!important;
	}
	p {
		font-size:14px!important;
	}
	.header-top {
    display: none;
}
.logo {
        width: 100%;
    }
	.service-box1 {
        width: 100%;
    }
	.service-box1 {
    padding: 20px 20px;
}
	.service-box1 {
		margin-bottom: 10px;
    width: 100%; 
	}
	.service-box1 p {
		
	    width: 100%;
  
    margin-bottom: 20px;
	
	}
	.service-box1 h2 {
		    margin-bottom: 10px;
    width: 100%;
	}
	div#ho-se h2 {
		    margin-bottom: 10px;
    width: 100%;
	}
div#ho-se p {
		width: 100%!important;
   margin-bottom: 20px!important;
	
	}
	.abt-home {
    padding: 30px 10px;
}
	.abt-home-left p {
		width:100%;
	}
	.abt-home-left h2  {
		width:100%;
	}
	    .servise-container-box {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(3, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        margin-top: 50px;
        width: 100%;
    }
	.legal-service1 h4 {

    line-height: 28px;
 
    margin-bottom: 23px;
  
    width: 100%;
}
	.legal-service1 {
		    padding: 20px 20px 30px;
	}
	.bottom-line {
    display: none;
}
	.logo-home {
    padding: 30px 0px;
}
	.logo-inner h2 {
		line-height: 37px
	}
	.blog-inner h2 {
		margin-bottom: 0px;
	}
	h2.bdpp-post-title a {
		font-size: 17px;
  
    line-height: 20px;
}
	.footer-top-left ul {
    flex-direction: column;
    gap: 6px;
}
	.footer-top-right {
    flex-direction: column;
    gap: 6px;
}
	.footer-top-sec-inner {
   gap: 30px;
}
    .location {
        width: 82%;
    }
	.footer-bot-sec2 {
    gap: 35px;
}
	.social-links-inner i.fa-brands {
    font-size: 16px;
}
	.footer-bot-sec2 p {
		margin-bottom: 0px;
		width:75%;
	}
	.logo-footer img {
    width: 90%;
}
	.logo img {
    width: 100%;
}
	div#ho-se h2 {
		font-size: 20px !important;
	}
	.service-box1 h2 {
			font-size: 20px !important;
	}

}




/* ITEM */
.service-item{
  position:relative;
  padding:40px 60px;
  border-bottom:1px solid rgba(255,255,255,.1);
  cursor:pointer;
  color:#fff;
  overflow:hidden;
  transition:padding .4s ease;
}

/* BACKGROUND IMAGE */
.service-item::before{
  content:"";
  position:absolute;
  inset:0;
  background:var(--bg) center/cover no-repeat;
	
  opacity:0;
  transition: opacity .1s cubic-bezier(.4,0,.2,1);
  z-index:0;
}

/* OVERLAY */
.service-item::after{
  content:"";
  position:absolute;
  inset:0;
  background: rgb(27 52 93 / 75%);
  z-index:1;
}

/* HEADER */
.service-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  position:relative;
  z-index:2;
}

.left{
  display:flex;
/*   align-items:center; */
  gap:30px;
}

.number {
/*     width: 74px;
    height: 53px;
    border: 1px solid rgb(255 255 255);
    border-radius: 50%; */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    font-weight: 500;
    font-family: 'Urbanist';
}

.arrow{
  font-size:28px;
  transition:.3s;
}

/* CONTENT */
.service-content{
  max-height:0;
  opacity:0;
  overflow:hidden;
  margin-left:78px;
  transition:all .45s ease;
  position:relative;
  z-index:2;
}

.service-content p{
     max-width: 720px;
    margin: 20px 0 0;
    line-height: 1.8;
    color: #ffffff;
    font-weight: 500;
    font-size: 16px
}

/* HOVER → BACKGROUND IMAGE ONLY */
.service-item:hover::before{
  opacity:1;
}

/* ACTIVE (CLICK) */
.service-item.active::before{
  opacity:1;
}

.service-item.active{
  padding-left:90px;
	height:300px;
}

.service-item.active .service-content{
  max-height:240px;
  opacity:1;
}

.service-item.active .arrow{
  transform:translateX(8px);
}
.service-page {
    background: #1b345d;
    margin: 100px;
    padding: 50px;
}
.service-page-heading h2 {
    color: white;
    font-size: 25px;
    font-family: 'Raleway' !important;
    font-weight: 300;
    text-transform: capitalize;
	position:relative;
	left:100px;
}
.service-page-heading h2::before {
    content: "";
    position: absolute;
    width: 98px;
    height: 1px;
    background: white;
    top: 17px;
    bottom: 0;
    left: -105px;
}
.service-page-top {
    display: flex;
    justify-content: space-between;
}
.service-page-heading h3 {
  color: white;
    font-size: 36px;
    width: 75%;
    font-weight: 200;
    margin-bottom: 50px;
    /* font-family: 'Raleway' !important; */
    line-height: 49px;
}
.service-btn-page a {
    background: white;
  
    padding: 13px 30px;
    color: #1b345d;
    text-decoration: unset !important;
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 600;
    border-radius: 4px;
}
.service-btn-page {
	    margin-top: 70px;
}
.service-header span.title {
	color: #ffffff;
    font-size: 28px;
    margin-bottom: 25px;
    width: 100%;
    font-weight: 500;
    font-family: 'Urbanist';
 
	margin-bottom:0px;
}
.co-so h2 {
    text-align: center;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #1b345d;
    font-size: 50px;
    font-weight: 500;
    text-transform: uppercase;
	position:relative;
}
.co-so h2::before {
    content: "";
    position: absolute;
    width: 300px;
    height: 10px;
    background: #1b345d;
  
    right: 70px;
}
.co-so h2::after {
    content: "";
    position: absolute;
    width: 300px;
    height: 10px;
    background: #1b345d;
    left: 50px;
  
}
h2.bdpp-post-title {
	    margin-bottom: 20px !important;
}
h2.bdpp-post-title a {
	    line-height: 36px !important;
}
.blog-page {
    padding: 70px 0px;

}
.lang-inner-contact {
    display: flex;
    background: #1f4072;
}
.right-img-lang {
    width:40%;
}
.right-img-lang img {
    object-fit: cover;
    object-position: center;
    height: 320px;
    width: 100%;
}

.left-lang {
    /* display: flex; */
    width: 60%;
    padding: 50px;
}
.left-lang h2 {
    color: white;
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 15px;
}
.left-lang p {
    color: white;
    font-size: 15px;
    line-height: 27px;
}
.spe-ico svg {
    fill: white;
    width: 50px;
    height: 50px;
}
.spe {
    display: flex;
    flex-direction: row;
    align-items: center;
	gap: 10px;
}
.spe-overall {
    display: flex;
    gap: 30px;
}
.svg-over-ooc h4 {
    margin-bottom: 0px;
    color: white;
    font-size: 16px;
    font-weight: 400;
    border-right: 1px solid #ffffffbd;
    padding: 13px 13px 9px 1px;
}
.spe-ico svg {
    fill: #1f4072;
    width: 49px;
    height: 44px;
    background: white;
    padding: 5px;
    border-radius: 15%;
    /* border: 1px solid white; */
}

.svg-over-ooc svg {
    fill: #1f4072;
    width: 50px;
    height: 50px;
    background: white;
    padding: 5px;
}
.svg-over-ooc {
    display: inline-flex;
    background: #214986;
    /* padding: 30px; */
    gap: 30px;
    align-items: center;
}
.svg-over-ooc h4 {
    margin-bottom: 0px;
    color: white;
    font-size: 16px;
    font-weight: 400;
}


@media (max-width: 800px) {
	.abt-sec1-inner {
    padding: 30px 0px;
    gap: 20px;
}
	.abt-sec1-inner {
    flex-direction: column;
} 
	.abt-sec1-left {
    width: 100%;
}
	.abt-sec1-right {
    width: 100%;
}
	section.why-choose {
    padding: 30px 0px;
}
	p.section-subtitle {
		    margin: 0px;
	}
	.cta-a {
    padding: 30px 0px;
}
.cta-inner {
    flex-direction: column;
    align-items: flex-start;
}
	.cta-right a {
   
    padding: 10px 15px;
  
    font-size: 14px;
   
}
	section.about-section {
    padding: 30px 0px;
}
	section.about-section	.title {
		margin-bottom: 20px;
	}
	.about-top {
		    gap: 20px;
	}
	.banner-inner {
    height: 200px; 
	}
	.banner {
		  height: 200px; 
	}
	.column.left-grid .feature-box p {
		margin:0px;
	}
	.feature-box p {
		margin:0px;
	}
}


@media (max-width: 1200px) {
	
	.service-page  {
		margin: 20px;
	}
	.service-btn-page {
    width: 30%;
}
}


@media (max-width: 800px) { 
	.service-page {
    padding: 20px;
    margin: 10px;
}
	.service-page-top {
    flex-direction: column;
    gap: 20px;
}

.service-btn-page {
    width: 100%;
}
.service-btn-page {
    margin-top: 0px;
}
	.service-page-heading h3 {
		    width: 100%;  font-weight: 200;
    margin-bottom: 28px;
	}
	.service-bottom {
    margin-top: 20px;
}
	.service-item {
		    padding: 20px;
	}
	.service-header span.title {
		font-size: 18px;
		        line-height: 24px;
		        width: 80%
	}
	.left {
    display: flex;
    align-items: baseline;
    gap: 10px;
}
	.number {
		    font-size: 18px;
	}
	.arrow {
    font-size: 18px; 
	}
	.service-item.active {
    padding-left: 20px; 
	}
	.service-content {
		    margin-left: 30px;
	}
	.co-so h2 {
		height: 100px;
	}
	.co-so h2::after {
    content: "";
    position: absolute;
    width: 50px;
    height: 3px;
    background: #1b345d;
    left: 0px;
}
	.co-so h2::before {
    content: "";
    position: absolute;
    width: 50px;
    height: 3px;
    background: #1b345d;
    right: 0px;
    /* top: 10px; */
}
	h2.bdpp-post-title a {
		
    line-height: 25px !important;
}
	
}

.thumbnail-caption {
    display: none;
}
div#respond {
    display: none;
}
.ic-content a {
    color: #ffffffe0;
    margin: auto 48px;
    line-height: 23px;
    text-decoration: unset !important;
    font-family: 'Urbanist' !important;
	font-size:15px;
	font-weight: 300;
}
.ic-content p {
   
    font-family: 'Urbanist' !important;
}
.bdpp-rdmr-btn:hover, .bdpp-rdmr-btn:focus {
    background: black!important;
    color: #fff !important;
    border-color: #000000!important;
}

@media (max-width: 800px) { 
.contact-details-inner {
    flex-wrap: wrap;
}
	.address-contect {
		width: 50%
	}
	.form-contact-inner {
    padding: 30px 10px;
}
	.f-c {
    margin: 0px;
}
	.lang-inner-contact {
    flex-direction: column-reverse;
}
	.right-img-lang {
    width: 100%;
}
	.left-lang {
    /* display: flex; */
    width: 100%;
    padding: 20px;
}
}
@media (max-width: 800px) {  
	.address-contect {
		width: 100%;
			    padding: 20px 20px;

	}
	.ic-content p {
		margin: 0px;
	}
	.ic-contact svg {
    width: 50px;
    height: 50px; 
	}
	.ic-content h4 {
		margin-top: 10px;
    margin-bottom: 10px;
	}
	.svg-over-ooc {
    /* display: block; */
    display: flex;
    flex-wrap: wrap;
}
	.svg-over-ooc {
		background:unset;
	}
	div#bl-co .ic-contact svg {
    width: 50px;
    height: 50px; 
	}
	.legal-service1 h4 {
		    height: unset;
	}
	.owl-nav {
    display: none !important;
}
	.bdpp-post-carousel-wrap .owl-dots .owl-dot.active {
		background:#1b345d!important;
	}
	.copy-rights p {
		    width: 70%;

	}
	.center-image {
    display: flex;
    justify-content: center;
}
	.service-page-heading h2::before {
		display:none;
	}
	.service-page-heading h2 {
		font-size: 18px !important;
	}
	.service-page-heading h2 {
		left: unset
	}
	.service-page-heading h3 {
		    line-height: 40px;
	}
	.service-btn-page a {
		padding: 9px 16px;
   
    font-size: 13px;
	}
}

ul.meta.ospm-default.clr {
    display: none;
}
.service-box1 p {
	    height: 70px;
}
div#ho-se p {
	  height: 70px;
}
.cta-a {
    background: #f5f5f5;
    padding: 50px 0px;
}
.cta-inner {
    display: flex;
    align-items: center;
	    justify-content: space-between;
}

.footer-top-left ul li {
    list-style: none !important;
}


@media (max-width: 600px) {  
	.svg-over-ooc {
    gap: 10px;
	
	}
	.svg-over-ooc svg {
		display:none;
	}
}

p.ser-why {
	margin: 0px 80px 80px 80px!important;
	text-align:center;
}
.fight-for-you {
    background: url(https://djlawyersandco.com.au/wp-content/uploads/2026/01/bg-service.webp);
    background-size: cover;
	
    background-position: bottom;

}

.fight-for-you-inner {
    margin: 0px 50px;
    display: flex;
gap:50px;
	
}
.fight-for-you-right {
    width: 60%;
    padding: 100px 0px 40px 0px;
}

.fight-for-you-left img {
    width: 100%;
    height: 640px;
    /* object-fit: cover; */
    position: absolute;
    bottom: 0px;
    object-position: center;
}
.fight-for-you-left {
    width: 50%;
    position: relative;
}
.fight-for-you-right h3 {
    color: #ffffffd6;
    font-size: 19px;
    font-family: 'Raleway' !important;
    font-weight: 500;
}
.fight-for-you-right p {
    color: white;
}

.ser-call h4 {
    color: #ffffff;
    font-size: 28px!important;
    margin-bottom: 25px;
    /* width: 100%; */
    font-weight: 600;
    /* text-align: center; */
    /* margin: auto 150px; */
    line-height: 38px;
    /* border-bottom: 1px solid black; */
    padding-bottom: 12px;
    width: 75%;
    position: relative;
}
.ser-call h4::before {
    content: "";
    position: absolute;
    width: 270px;
    height: 1px;
    background: #ffffff85;
    bottom: 0;
    left: 5px;
}
.ser-call a {
    color: #ffffff;
    text-decoration: unset !important;
    font-size: 20px;
    font-family: 'Urbanist' !important;
}
.fight-for-you-right h2 {
    color: white;
    font-size: 38px;
    font-weight: 700;
}
.fight-for-you {
    margin-top: 50px;
}

.feature-box {
    height: 180px;
}

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

.map-inne {
    flex-direction: column;
    gap: 20px;
}
	.desktop-slider {
	display:none;
}
	.mob-slider {
		display:block!important;
	}
}
.mob-slider {
	display:none;
}


h1.page-header-title.clr {
    display: none!important;
}

@media (max-width: 800px) { 
p.ser-why {
    margin: 0px !important;
   
}
	.fight-for-you-inner {
    margin: 0px;
    flex-direction: column;
    gap: 0px;
}
	.fight-for-you-left img {
		display:none;
	}
	.fight-for-you-left {
		display:none;
	}
	.fight-for-you-right {
    width: 100%;
    padding: 30px 0px 30px 0px;
}
}
}