.hero-banner {
   position: relative;
   width: 100%;
   height: 100vh; /* Full viewport height */
   background: url('../images/slider/about-lawyer.jpg') no-repeat center center/cover; /* Replace with your image path */
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   color: white;
   }
   .hero-banner::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.5); /* Gradient overlay */
   z-index: 1;
   }
   .banner-content {
   position: relative;
   z-index: 2;
   max-width: 600px;
   padding: 20px;
   }
   .banner-content h1 {
   font-size: 2.5em;
   margin-bottom: 20px;
   color:#fff;
   }
   .banner-content p {
   font-size: 1.2em;
   margin-bottom: 20px;
   color:#fff;
   }
   .btn-primary {
   display: inline-block;
   padding: 10px 20px;
   background-color: #000;
   color: white;
   text-decoration: none;
   border-radius: 5px;
   transition: background-color 0.3s ease;
   }
   .btn-primary:hover {
   background-color: #cc5200;
   }
   /* Media Queries for responsiveness */
   @media (max-width: 768px) {
   .hero-banner {
   height: 70vh; /* Adjust height for smaller screens */
   }
   .banner-content h1 {
   font-size: 2em; /* Adjust font size for smaller screens */
   }
   .banner-content p {
   font-size: 1em; /* Adjust font size for smaller screens */
   }
   }
   @media (max-width: 480px) {
   .hero-banner {
   height: 60vh; /* Adjust height for mobile screens */
   }
   .banner-content h1 {
   font-size: 1.5em; /* Adjust font size for mobile screens */
   }
   .banner-content p {
   font-size: 0.9em; /* Adjust font size for mobile screens */
   }
   .btn-primary {
   padding: 8px 16px; /* Adjust button padding for mobile screens */
   }
   }
   
 
   .legal-cta-section{
   position:relative;
   padding:70px 0;
   overflow:hidden;
   background:
   linear-gradient(
   135deg,
   rgba(44, 52, 84, 0.95),
   rgba(44, 52, 84, 0.85),
   rgba(192, 181, 150, 0.80)
   ),
   url('../images/slider/books.jpg') center center/cover;
   }
   .legal-cta-section .overlay{
   position:absolute;
   inset:0;
   background:rgba(0,0,0,.15);
   }
   .legal-cta-section .cta-badge{
   display:inline-block;
   padding:12px 25px;
   border:1px solid rgba(255,255,255,.25);
   border-radius:50px;
   color:#fff;
   font-size:15px;
   margin-bottom:25px;
   background:rgba(255,255,255,.08);
   backdrop-filter:blur(10px);
   }
   .legal-cta-section h2{
   font-size:40px;
   font-weight:800;
   color:#fff;
   margin-bottom:25px;
   line-height:1.2;
   }
   .legal-cta-section h2 span{
   color:#c0b596;
   }
   .legal-cta-section p{
   color:#f2f2f2;
   font-size:18px;
   max-width:850px;
   margin:0 auto 40px;
   line-height:1.8;
   }
   .cta-buttons{
   display:flex;
   justify-content:center;
   gap:20px;
   flex-wrap:wrap;
   }
   .call-btn,
   .book-btn{
   display:inline-flex;
   align-items:center;
   gap:12px;
   padding:15px 30px;
   border-radius:1px;
   text-decoration:none;
   font-weight:700;
   transition:.4s;
   }
   .call-btn{
   background:#fff;
   color:#0d2c6c;
   }
   .call-btn:hover{
   background:#c0b596;
   color:#fff;
   }
   .book-btn{
   border:2px solid #fff;
   color:#fff;
   }
   .book-btn:hover{
   background:#fff;
   color:#0d2c6c;
   }
   @media(max-width:768px){
   .legal-cta-section{
   padding:70px 20px;
   }
   .legal-cta-section h2{
   font-size:28px;
   }
   .legal-cta-section p{
   font-size:17px;
   }
   .call-btn,
   .book-btn{
   width:100%;
   justify-content:center;
   }
   }

   .dlc-faq-section{
   background:#f8f9fc;
   }
   .dlc-faq-subtitle{
   color:#c0b596;
   font-weight:600;
   text-transform:uppercase;
   letter-spacing:1px;
   }
   .dlc-faq-title{
   color:#2c3454;
   font-size:36px;
   font-weight:700;
   margin-top:10px;
   }
   .dlc-faq-desc{
   max-width:800px;
   color:#666;
   line-height:1.8;
   }
   .dlc-faq-item{
   border:none;
   margin-bottom:15px;
   border-radius:12px !important;
   overflow:hidden;
   box-shadow:0 5px 20px rgba(0,0,0,.05);
   }
   .dlc-faq-item .accordion-button{
   background:#fff;
   color:#2c3454;
   font-weight:600;
   padding:20px 25px;
   box-shadow:none;
   }
   .dlc-faq-item .accordion-button:not(.collapsed){
   background:#2c3454;
   color:#fff;
   }
   .dlc-faq-item .accordion-button:focus{
   box-shadow:none;
   }
   .dlc-faq-item .accordion-body{
   padding:25px;
   color:#666;
   line-height:1.8;
   background:#fff;
   }
   @media(max-width:767px){
   .dlc-faq-title{
   font-size:27px;
   }
   }

   .dlc-process-section{
   background:#ffffff;
   position:relative;
   }
   .dlc-process-subtitle{
   color:#c0b596;
   font-weight:600;
   letter-spacing:1px;
   text-transform:uppercase;
   }
   .dlc-process-title{
   color:#2c3454;
   font-size:36px;
   font-weight:700;
   margin-top:10px;
   margin-bottom:15px;
   }
   .dlc-process-description{
   max-width:850px;
   color:#666;
   line-height:1.8;
   }
   .dlc-process-wrapper{
   position:relative;
   max-width:1000px;
   margin:auto;
   }
   .dlc-process-wrapper:before{
   content:'';
   position:absolute;
   left:35px;
   top:0;
   bottom:0;
   width:3px;
   background:#c0b596;
   opacity:.4;
   }
   .dlc-process-item{
   position:relative;
   padding-left:110px;
   margin-bottom:35px;
   }
   .dlc-process-item:last-child{
   margin-bottom:0;
   }
   .dlc-process-number{
   position:absolute;
   left:0;
   top:0;
   width:70px;
   height:70px;
   line-height:70px;
   text-align:center;
   border-radius:50%;
   background:#2c3454;
   color:#c0b596;
   font-size:22px;
   font-weight:700;
   z-index:2;
   box-shadow:0 10px 25px rgba(44,52,84,.15);
   }
   .dlc-process-content{
   background:#fff;
   border:1px solid rgba(192,181,150,.4);
   border-radius:16px;
   padding:30px;
   transition:.4s;
   box-shadow:0 5px 20px rgba(0,0,0,.05);
   }
   .dlc-process-content:hover{
   transform:translateY(-5px);
   border-color:#c0b596;
   box-shadow:0 15px 35px rgba(44,52,84,.12);
   }
   .dlc-process-content h3{
   color:#2c3454;
   font-size:24px;
   font-weight:700;
   margin-bottom:12px;
   }
   .dlc-process-content p{
   color:#666;
   line-height:1.8;
   margin:0;
   }
   @media(max-width:767px){
   .dlc-process-title{
   font-size:28px;
   }
   .dlc-process-wrapper:before{
   left:25px;
   }
   .dlc-process-item{
   padding-left:75px;
   }
   .dlc-process-number{
   width:50px;
   height:50px;
   line-height:50px;
   font-size:18px;
   }
   .dlc-process-content{
   padding:20px;
   }
   .dlc-process-content h3{
   font-size:20px;
   }
   }

   .dlc-whychoose-section{
   background:#f8f9fc;
   }
   .dlc-whychoose-subtitle{
   color:#c0b596;
   font-weight:600;
   text-transform:uppercase;
   letter-spacing:1px;
   }
   .dlc-whychoose-title{
   color:#2c3454;
   font-size:36px;
   font-weight:700;
   margin-top:10px;
   margin-bottom:15px;
   }
   .dlc-whychoose-desc{
   max-width:850px;
   color:#666;
   line-height:1.8;
   }
   .dlc-whychoose-card{
   position:relative;
   background:#fff;
   border:1px solid rgba(192,181,150,.45);
   border-radius:16px;
   padding:35px 25px 30px 110px;
   height:100%;
   transition:.4s;
   box-shadow:0 5px 20px rgba(0,0,0,.05);
   }
   .dlc-whychoose-card:hover{
   transform:translateY(-8px);
   border-color:#c0b596;
   box-shadow:0 15px 40px rgba(44,52,84,.12);
   }
   .dlc-whychoose-number{
   position:absolute;
   left:25px;
   top:30px;
   width:60px;
   height:60px;
   line-height:60px;
   text-align:center;
   border-radius:50%;
   background:#2c3454;
   color:#c0b596;
   font-size:22px;
   font-weight:700;
   }
   .dlc-whychoose-content h3{
   color:#2c3454;
   font-size:24px;
   font-weight:700;
   margin-bottom:12px;
   }
   .dlc-whychoose-content p{
   color:#666;
   line-height:1.8;
   margin:0;
   }
   @media(max-width:767px){
   .dlc-whychoose-title{
   font-size:28px;
   }
   .dlc-whychoose-card{
   padding:95px 20px 25px;
   text-align:center;
   }
   .dlc-whychoose-number{
   left:50%;
   transform:translateX(-50%);
   top:20px;
   }
   .dlc-whychoose-content h3{
   font-size:20px;
   }
   }

   .dlc-practice-area{
   background:#f8f9fc;
   }
   .dlc-subtitle{
   color:#c0b596;
   font-weight:600;
   letter-spacing:1px;
   text-transform:uppercase;
   }
   .dlc-title{
   color:#2c3454;
   font-weight:700;
   margin-top:10px;
   }
   .dlc-description{
   max-width:900px;
   color:#666;
   line-height:1.8;
   }
   .dlc-service-item{
   background:#fff;
   border:1px solid rgba(192,181,150,.45);
   border-radius:2px;
   padding:30px 25px;
   height:100%;
   text-align:center;
   transition:all .4s ease;
   box-shadow:0 5px 20px rgba(0,0,0,.05);
   }
   .dlc-service-item:hover{
   transform:translateY(-8px);
   border-color:#c0b596;
   box-shadow:0 15px 35px rgba(44,52,84,.15);
   }
   .dlc-service-icon{
   width:80px;
   height:80px;
   line-height:80px;
   margin:0 auto 20px;
   border-radius:50%;
   background:#2c3454;
   color:#c0b596;
   font-size:34px;
   }
   .dlc-service-text h3{
   color:#2c3454;
   font-size:24px;
   font-weight:700;
   margin-bottom:15px;
   }
   .dlc-service-text p{
   color:#666;
   line-height:1.8;
   margin-bottom:0;
   }
   @media(max-width:767px){
   .dlc-title{
   font-size:30px;
   }
   .dlc-service-text h3{
   font-size:20px;
   }
   .dlc-service-item{
   padding:25px 20px;
   }
   }