.breadcrumb-section.blog-breadcumb.new {
     padding: 190px 0 190px;
     margin-right: 0;
     margin-left: 0;
 }

 .bg-content-new {
     top: 190px;
     background-color: #253e42;
     width: 81%;
     margin: 0px auto;
     padding: 5px 20px;
     position: relative;
     text-align: center;
 }

 .bg-content-new h3 a {
     color: #ffffff;
     font-size: 21px;
 }

 span.left-arrow-blog {
     margin-left: 10px;
     margin-right: 10px;
     color: white;
     font-size: 28px !important;
 }

 .banner-content {
     text-align: center;
 }

 .banner-content h1 {
     color: #ffffff;
     background-color: #00000040;
     font-size: 47px;
     width: 80%;
     margin: 0px auto;
     padding: 18px 20px;
     margin-bottom: -46px;
     z-index: 2;
     position: relative;
 }

 .new-bg-overlay {
     position: absolute;
     inset: 0;
     background: rgb(0 0 0 / 29%);
     /* Adjust darkness */
     z-index: 1;
 }

 /* Keep content above overlay */
 .breadcrumb-section .container,
 .breadcrumb-section .banner-content,
 .breadcrumb-section * {
     z-index: 2;
 }

 .breadcrumb-section {
     position: relative;
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     overflow: hidden;
 }

 .blog-inner.container {
     padding-top: 50px;
     padding-bottom: 100px;
     max-width: 1345px;
 }

 .blog-inner .right-sidebar {
     position: sticky;
     top: 100px;
     /* Adjust space from top */
     height: fit-content;
     padding-left: 32px;
 }


 .sidebar-box {
     background: #f2f2f2;
     padding: 20px;
     margin-bottom: 25px;
     /* box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px; */
 }

 .sidebar-box h3 {
     font-size: 19px;
     text-transform: uppercase;
     margin-bottom: 21px;
     color: #233e43;
     font-weight: 700;
 }

 /* Popular Blogs Premium */
 .popular-item {
     display: flex;
     align-items: center;
     gap: 12px;
     margin-bottom: 15px;
 }

 .popular-item img {
     width: 91px;
     height: 60px;
     object-fit: cover;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
 }

 .popular-item a {
     color: #333;
     text-decoration: none;
     font-weight: 500;
     line-height: 1.2;
     transition: 0.3s;
 }

 .popular-item a:hover {
     color: #253e42;
 }

 .blog-image-box {
     position: relative;
     width: 100%;
     overflow: hidden;
 }

 .blog-image-box img {
     width: 100%;
     display: block;
     height: 450px;
     object-fit: cover;
 }

 /* Overlay */
 .blog-image-overlay {
     position: absolute;
     inset: 0;
     /* background: rgba(0, 0, 0, 0.45); */
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     align-items: center;
     text-align: center;
     /* padding: 28px; */
     border: 2px solid #ffffff;
     padding: 19px;
     margin: 20px;
 }

 .blog-image-overlay h3 {
     color: #fff;
     font-size: 29px;
     margin-top: 77px;
     font-weight: 600;
     letter-spacing: 0.5px;
     line-height: 1.4;
 }

 /* Book Button */
 .book-btn {
     display: inline-block;
     background: #ffb400;
     color: #000;
     padding: 6px 27px;
     border-radius: 6px;
     font-weight: 600;
     text-decoration: none;
     transition: 0.3s;
     margin-top: -150px;
 }

 .book-btn:hover {
     background: #e09d00;
     color: #fff;
 }

 .blog-bottom-img {
     width: 100%;
     height: 360px;
     object-fit: cover;
     margin-bottom: 20px;
 }

 h1.blog-heading {
     font-size: 45px;
     margin-bottom: 18px;
     line-height: 56px;
     color: #233e3e;
 }



 .blog-bottom-title {
     font-size: 20px;
     font-weight: 600;
     margin-bottom: 8px;
 }

 .blog-meta {
     display: flex;
     gap: 35px;
     font-size: 17px;
     color: #514343;
     margin-top: -3px;
 }

 .blog-meta i {
     margin-right: 5px;
     font-size: 20px;
     color: #243b3a;
 }

 .blog-inner p {
     font-family: "DM Sans", sans-serif;
     font-size: 17px;
     text-align: left !important;
     margin-left: 10px;
 }

 h2.sub-blog-heading {
     font-size: 33px;
     margin-bottom: 18px;
     color: #233e3e;
 }

 h3.sub-sub-blog-heading {
     font-size: 26px;
     color: #233e3e;
     margin-bottom: 15px;
 }

 .blog-inner ul {
     margin-left: 63px;
     font-size: 17px;
     margin-bottom: 18px;
 }

 .blog-inner ul li {
     list-style: disc;
     margin-bottom: 8px;
 }

 .accordion-with-tab-section.new .accordion-with-tab-content {
     padding: 40px 43px 40px 43px;
     border-radius: 0px;
     margin-left: -16px;
     margin-top: 10px;
 }

 .faq-heading {
     margin-bottom: 17px;
     margin-top: -38px;
     color: #233e3e;
 }

 .blog-form {
     margin-left: -17px;
     margin-top: 50px;
     background-color: #f2f2f2;
     padding: 62px 38px;
 }

 .form-inner.blog label {
     color: #000;
 }

 .nice-select {
     width: -webkit-fill-available;
     height: 49px;

 }

 .form-inner.center-formbtn.blog {
     justify-content: left;
     margin-top: -22px;
 }

 .form-inner input,
 .form-services-contact .nice-select,
 .nice-select,
 .form-inner textarea {
     background: #ffffff;
     font-size: 16px;
     height: 57px;
     margin-bottom: 5px;
     font-family: "DM Sans", sans-serif;
 }

 .form-inner.center-formbtn.blog button {
     background-color: #344f44;
 }

 .nice-select.open .list {
     margin-left: 0;
 }

 .nice-select {
     line-height: 52px;
 }


 /* Tablets — up to 991px */
 @media (max-width: 991px) {

     .banner-content h1 {
         font-size: 38px;
         width: 90%;
         padding: 14px 16px;
         margin-bottom: -30px;
     }

     h1.blog-heading {
         font-size: 38px;
         line-height: 48px;
     }

     .blog-meta {
         font-size: 16px;
         gap: 22px;
     }
 }


 /* Mobile — up to 767px */
 @media (max-width: 767px) {

     .banner-content h1 {
         font-size: 30px;
         margin-top: 105px;
         width: 95%;
         padding: 12px 14px;
     }

     .breadcrumb-section.blog-breadcumb.new {
         padding: 0 !important;
     }

     h1.blog-heading {
         font-size: 30px;
         line-height: 40px;
     }

     .blog-meta {
         font-size: 16px;
         gap: 15px;
         flex-wrap: wrap;
     }

     .blog-inner p {
         font-size: 16px;
     }

     h2.sub-blog-heading {
         font-size: 22px;
     }

     h3.sub-sub-blog-heading {
         font-size: 20px;
     }

     .blog-inner ul {
         margin-left: 42px;
         font-size: 16px;
     }

     .blog-inner .right-sidebar {
         padding-left: 14px;
         margin-top: 31px;
     }

     .faq-heading {
         margin-bottom: 9px;
         margin-top: 74px;
     }

     .accordion-with-tab-section.new .accordion-with-tab-content {
         margin-left: 0;
     }

     .blog-bottom-img {
         height: auto;
     }

     .blog-inner.container {
         padding-top: 31px;
         padding-bottom: 47px;
     }

     .blog-form {
         margin-left: 0px;
     }

     h1.faq-heading.form {
         margin-top: -15px;
     }
 }



 /* Small Mobile — up to 480px */
 @media (max-width: 480px) {

     .banner-content h1 {
         font-size: 26px;
         margin-top: 105px;
         padding: 10px 12px;
     }

     .breadcrumb-section.blog-breadcumb.new {
         padding: 0 !important;
     }

     h1.blog-heading {
         font-size: 25px;
         line-height: 36px;
     }

     .blog-meta {
         font-size: 16px;
         gap: 12px;
     }

     .blog-inner p {
         font-size: 16px;
     }

     h2.sub-blog-heading {
         font-size: 22px;
     }

     h3.sub-sub-blog-heading {
         font-size: 20px;
     }

     .blog-inner ul {
         margin-left: 42px;
         font-size: 16px;
     }

     .blog-inner .right-sidebar {
         padding-left: 14px;
         margin-top: 31px;
     }

     .faq-heading {
         margin-bottom: 9px;
         margin-top: 74px;
     }

     .accordion-with-tab-section.new .accordion-with-tab-content {
         margin-left: 0;
     }

     .blog-bottom-img {
         height: auto;
     }

     .blog-inner.container {
         padding-top: 31px;
         padding-bottom: 47px;
     }

     .blog-form {
         margin-left: 0px;
     }

     h1.faq-heading.form {
         margin-top: -15px;
     }
 }