.toggle_menu {
         cursor: pointer;
         background-color: #2B3186;
         padding: 10px;
         }
         /* Default: hide toggle */
         .material-symbols-outlined {
         font-family: 'Material Symbols Outlined';
         font-weight: normal;
         font-style: normal;
         font-size: 24px;
         line-height: 1;
         letter-spacing: normal;
         text-transform: none;
         display: none; /* hide by default */
         white-space: nowrap;
         word-wrap: normal;
         direction: ltr;
         text-rendering: optimizeLegibility;
         -webkit-font-smoothing: antialiased;
         }
         /* Show toggle only on desktop (min width 992px) */
         @media (min-width: 992px) {
         .material-symbols-outlined {
         display: inline-block;
         }
         }
         /* Hide on mobile/tablet (max width 991px) */
         @media (max-width: 991px) {
         .material-symbols-outlined {
         display: none;
         }
         }
         .footer-widget-title::before {
         content: '';
         position: absolute;
         width: 90px;
         height: 3px;
         background: rgba(255, 255, 255, 0.2);
         bottom: -4px;
         left: 0;
         z-index: 1;
         }
         .footer-widget-title::after {
         content: '';
         position: absolute;
         width: 30px;
         height: 3px;
         background: #f36f21;
         bottom: -4px;
         left: 26px;
         z-index: 0;
         }
         .side-menu::before {
         content: '';
         position: absolute;
         width: 90px;
         height: 3px;
         background: rgba(255, 255, 255, 0.2);
         bottom: -4px;
         left: 0;
         z-index: 1;
         }
         .side-menu::after {
         content: '';
         position: absolute;
         width: 30px;
         height: 3px;
         background: #f36f21;
         bottom: -4px;
         left: 26px;
         z-index: 0;
         }
         .all-menu ul li {
         line-height: 30px;
         }
         .breadcrumb-style2-area {
         position: relative;
         display: block;
         overflow: hidden;
         z-index: 10;
         background-color: #2B3186 !important;
         }
         .breadcrumb-style2-area .title h2 {
         color: #ffffff;
         /* font-size: 42px; */
         line-height: 1.1em;
         font-weight: 600;
         text-transform: capitalize;
         padding: 40px;
         text-align: center;
         }
         .nps-section {
         padding: 65px 0;
         }
         body {
         background: white;
         font-family: "Montserrat", sans-serif;
         font-size: 1rem;
         font-weight: 400;
         margin:0;
         }
         /****** Creative Blog Section CSS ******/
         .creative-blog-content {
         background: #ffffff; /* plain white background */
         padding: 80px 0 60px 0;
         min-height: 70vh;
         position: relative;
         z-index: 1;
         overflow: hidden;
         }
         .blog-section-header {
         display: flex;
         align-items: center;
         justify-content: center;
         position: relative;
         margin-bottom: 35px;
         }
         .blog-section-header h2 {
         font-size: 2.3rem;
         color: #0d47a1;
         font-weight: 800;
         letter-spacing: 2px;
         margin: 0;
         }
         .header-accent {
         display: inline-block;
         width: 50px;
         height: 12px;
         margin-left: 16px;
         background: linear-gradient(90deg,#0d47a1 85%, #90caf9);
         border-radius: 6px;
         box-shadow: 0 2px 18px #1976d236;
         }
         .blog-cards-grid {
         display: grid;
         grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
         gap: 42px;
         max-width: 1200px;
         margin: 0 auto;
         position: relative;
         }
         .blog-card {
         background-color: #fff;
         border-radius: 21px;
         box-shadow: 0 10px 46px #1976d21e, 0 2px 12px #90caf930;
         overflow: hidden;
         display: flex;
         flex-direction: column;
         transition: 0.25s box-shadow, 0.25s transform;
         position: relative;
         min-height: 420px;
         }
         .blog-card:hover {
         box-shadow: 0 20px 56px #1976d244, 0 4px 18px #90caf955;
         transform: translateY(-10px) scale(1.08);
         /* remove rotation for clean forward pop */
         transition: transform 0.3s ease, box-shadow 0.3s ease;
         }
         .blog-image-wrap {
         position: relative;
         width: 100%;
         height: 185px;
         overflow: hidden;
         }
         .blog-image-wrap img {
         width: 100%;
         height: 100%;
         object-fit: cover;
         border-top-left-radius: 21px;
         border-top-right-radius: 21px;
         transition: 0.20s transform;
         }
         .blog-card:hover .blog-image-wrap img {
         transform: scale(1.11) rotate(-1deg);
         }
         .blog-badge {
         position: absolute;
         top: 18px;
         left: 20px;
         background: #0d47a1;
         color: #fff;
         font-size: 1.03rem;
         font-weight: 700;
         padding: 7px 20px;
         border-radius: 13px;
         box-shadow: 0 2px 12px #1976d229;
         letter-spacing: 0.6px;
         opacity: 0.96;
         z-index: 2;
         }
         .blog-info {
         padding: 28px 26px 26px 26px;
         display: flex;
         flex-direction: column;
         gap: 11px;
         flex: 1;
         }
         .blog-info h3 {
         color: #0d47a1;
         font-size: 1.12rem;
         font-weight: 700;
         margin: 0 0 10px 0;
         }
         .blog-info h3 a {
         color: #0d47a1;
         text-decoration: none;
         transition: 0.18s color;
         }
         .blog-info h3 a:hover {
         color: #0d47a1;
         text-decoration: underline;
         }
         .blog-info p {
         color: #0d47a1;
         font-size: 1.04rem;
         line-height: 1.63;
         margin-bottom: 20px;
         flex: 1;
         }
         .blog-read {
         background: linear-gradient(90deg, #0d47a1 80%, #90caf9 120%);
         color: #fff;
         font-size: 1.04rem;
         border-radius: 9px;
         padding: 8px 22px;
         font-weight: 500;
         text-decoration: none;
         letter-spacing: 0.4px;
         transition: background 0.19s;
         box-shadow: 0 2px 8px #1976d21c;
         }
         .blog-read:hover {
         background: linear-gradient(90deg, #0d47a1 100%, #90caf9 140%);
         }
         /* Blue-themed floating bubbles for extra creativity */
         .creative-blog-content::before,
         .creative-blog-content::after {
         content: "";
         position: absolute;
         border-radius: 50%;
         opacity: 0.18;
         pointer-events: none;
         z-index: 0;
         }
         .creative-blog-content::before {
         width: 130px;
         height: 130px;
         top: 40px;
         left: -48px;
         background: radial-gradient(circle, #0d47a1 62%, #e3f2fd 100%);
         }
         .creative-blog-content::after {
         width: 95px;
         height: 95px;
         bottom: 14px;
         right: -35px;
         background: radial-gradient(circle, #90caf9 78%, #fff 100%);
         }
         /* Responsive styles */
         @media (max-width: 820px) {
         .blog-cards-grid {
         grid-template-columns: 1fr;
         gap: 26px;
         }
         .creative-blog-content {
         padding: 30px 8px;
         }
         }
         .third-btn {
         font-size: 14px;
         color: #2B3186;
         transition: all .5s ease-in-out;
         text-transform: uppercase;
         position: relative;
         border-radius: 50px 50px 50px 0;
         font-weight: 600;
         letter-spacing: 1px;
         cursor: pointer;
         text-align: center;
         overflow: hidden;
         border: none;
         background: #fff;
         box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
         z-index: 1;
         }
         .third-btn:hover {
         color: #fff!important;
         background: #f36f21;
         }
         .topbar {
         background: #f4f4f4;
         padding: 6px 0;
         font-size: 14px;
         border-bottom: 1px solid #ddd;
         }
         .topbar a {
         color: #2B3186;
         text-decoration: none;
         }
         .marquee-box marquee {
         font-weight: 500;
         color: #2B3186;
         }
         .social-icons a i {
         font-size: 14px;
         color: #2B3186;
         }
         .top-btn {
         background: #ffffff;
         border: 1px solid #2B3186;
         color: #2B3186;
         text-transform: capitalize;
         }
         .top-btn:hover {
         background: #2B3186;
         color: #fff;
         }
         /* Responsive */
         @media (max-width: 768px) {
         .topbar-row {
         flex-direction: column;
         text-align: center;
         }
         .social-icons,
         .contact-group,
         .btn-group {
         justify-content: center;
         }
         }
         .topbar {
         position: sticky;
         top: 0;
         z-index: 9999;
         }




         body {
         font-family: "Montserrat", sans-serif;
         margin: 0;
         background: white;
         color: #222;
         line-height: 1.8;
         }
         .footer-widget-title::before {
         content: '';
         position: absolute;
         width: 90px;
         height: 3px;
         background: rgba(255, 255, 255, 0.2);
         bottom: -4px;
         left: 0;
         z-index: 1;
         }
         .footer-widget-title::after {
         content: '';
         position: absolute;
         width: 30px;
         height: 3px;
         background: #f36f21;
         bottom: -4px;
         left: 26px;
         z-index: 0;
         }
         .side-menu::before {
         content: '';
         position: absolute;
         width: 90px;
         height: 3px;
         background: rgba(255, 255, 255, 0.2);
         bottom: -4px;
         left: 0;
         z-index: 1;
         }
         .side-menu::after {
         content: '';
         position: absolute;
         width: 30px;
         height: 3px;
         background: #f36f21;
         bottom: -4px;
         left: 26px;
         z-index: 0;
         }
         /* ===== HERO SECTION ===== */
         .hero-banner {
         position: relative;
         background: url('../images/blogs/accountancy.jpg') center/cover no-repeat;
         height: 65vh;
         display: flex;
         align-items: center;
         justify-content: center;
         text-align: center;
         color: white;
         }
         .hero-banner .overlay {
         position: absolute;
         inset: 0;
         background: rgba(0, 45, 102, 0.6);
         }
         .hero-content {
         position: relative;
         z-index: 2;
         max-width: 800px;
         padding: 0 20px;
         }
         .hero-content h1 {
         font-size: 2.6rem;
         line-height: 1.3;
         font-weight: 700;
         }
         .hero-content p {
         margin-top: 10px;
         color: #ffdf5d;
         font-size: 1rem;
         }
         /* ===== BLOG BODY ===== */
         .container {
         width: 90%;
         max-width: 1100px;
         margin: 80px auto;
         }
         .intro {
         text-align: center;
         font-size: 1.1rem;
         color: #333;
         margin-bottom: 50px;
         }
         .image-section {
         display: flex;
         align-items: center;
         gap: 40px;
         margin-bottom: 70px;
         }
         .image-section img {
         width: 45%;
         border-radius: 15px;
         box-shadow: 0 8px 25px rgba(0,0,0,0.15);
         }
         .image-section.left img {
         order: 1;
         }
         .image-section.left .text {
         order: 2;
         }
         .image-section.right img {
         order: 2;
         }
         .image-section.right .text {
         order: 1;
         }
         .text {
         flex: 1;
         }
         .text h2 {
         color: #004aad;
         font-size: 1.6rem;
         margin-bottom: 10px;
         }
         .text ul {
         margin: 10px 0 0 20px;
         }
         .text li {
         margin-bottom: 8px;
         }
         .divider {
         width: 100%;
         height: 1px;
         background: #ddd;
         margin: 50px 0;
         }
         /* ===== QUOTE ===== */
         .quote-box {
         text-align: center;
         background: linear-gradient(135deg, #004aad, #0077cc);
         color: white;
         padding: 40px 20px;
         border-radius: 20px;
         margin: 70px 0;
         }
         blockquote {
         font-style: italic;
         font-size: 1.3rem;
         line-height: 1.6;
         }
         /* ===== CONCLUSION ===== */
         .conclusion {
         text-align: center;
         }
         .conclusion h2 {
         color: #004aad;
         margin-bottom: 15px;
         }
         .conclusion p {
         margin-bottom: 15px;
         }
         /* ===== SHARE SECTION ===== */
         .share-section {
         text-align: center;
         margin-top: 60px;
         padding-top: 30px;
         border-top: 1px solid #ccc;
         }
         .share-section h4 {
         color: #333;
         margin-bottom: 15px;
         }
         .social-links a {
         color: white;
         font-size: 1.3rem;
         margin: 0 10px;
         transition: all 0.3s ease;
         }
         .social-links a:hover {
         color: #ffb100;
         transform: scale(1.15);
         }
         /* ===== RESPONSIVE DESIGN ===== */
         @media (max-width: 900px) {
         .image-section {
         flex-direction: column;
         }
         .image-section img {
         width: 100%;
         }
         .text {
         text-align: center;
         }
         .hero-content h1 {
         font-size: 1.8rem;
         }
         }
         *, *::before, *::after {
         box-sizing: border-box;
         }
         div {
         display: block;
         unicode-bidi: isolate;
         }
         .container {
         max-width: 1100px;
         margin: 0 auto;
         width: 90%;
         padding: 16px;
         }
         @media (max-width: 600px) {
         .container {
         width: 99%;
         padding: 4px;
         }
         .responsive-img {
         max-width: 100%;
         border-radius: 8px;
         }
         }
         .toggle_menu {
         cursor: pointer;
         background-color: #2B3186;
         padding: 10px;
         }
         /* Default: hide toggle */
         .material-symbols-outlined {
         font-family: 'Material Symbols Outlined';
         font-weight: normal;
         font-style: normal;
         font-size: 24px;
         line-height: 1;
         letter-spacing: normal;
         text-transform: none;
         display: none; /* hide by default */
         white-space: nowrap;
         word-wrap: normal;
         direction: ltr;
         text-rendering: optimizeLegibility;
         -webkit-font-smoothing: antialiased;
         }
         /* ✅ Show toggle only on desktop (min width 992px) */
         @media (min-width: 992px) {
         .material-symbols-outlined {
         display: inline-block;
         }
         }
         /* ❌ Hide on mobile/tablet (max width 991px) */
         @media (max-width: 991px) {
         .material-symbols-outlined {
         display: none;
         }
         }
         .topbar {
         background: #f4f4f4;
         padding: 6px 0;
         font-size: 14px;
         border-bottom: 1px solid #ddd;
         }
         .topbar a {
         color: #2B3186;
         text-decoration: none;
         }
         .marquee-box marquee {
         font-weight: 500;
         color: #2B3186;
         }
         .social-icons a i {
         font-size: 14px;
         color: #2B3186;
         }
         .top-btn {
         background: #ffffff;
         border: 1px solid #2B3186;
         color: #2B3186;
         text-transform: capitalize;
         }
         .top-btn:hover {
         background: #2B3186;
         color: #fff;
         }
         /* Responsive */
         @media (max-width: 768px) {
         .topbar-row {
         flex-direction: column;
         text-align: center;
         }
         .social-icons,
         .contact-group,
         .btn-group {
         justify-content: center;
         }
         }
         .topbar {
         position: sticky;
         top: 0;
         z-index: 9999;
         }

         
         @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css');
         body {
         font-family: "Montserrat", sans-serif;
         margin: 0;
         background: white;
         color: #222;
         line-height: 1.8;
         }
         /* ===== HERO SECTION ===== */
         .hero-banner {
         position: relative;
         background: url('../images/blogs/accountancy.jpg') center/cover no-repeat;
         height: 65vh;
         display: flex;
         align-items: center;
         justify-content: center;
         text-align: center;
         color: white;
         }
         .hero-banner .overlay {
         position: absolute;
         inset: 0;
         background: rgba(0, 45, 102, 0.6);
         }
         .hero-content {
         position: relative;
         z-index: 2;
         max-width: 800px;
         padding: 0 20px;
         }
         .hero-content h1 {
         font-size: 2.6rem;
         line-height: 1.3;
         font-weight: 700;
         }
         .hero-content p {
         margin-top: 10px;
         color: #ffdf5d;
         font-size: 1rem;
         }
         /* ===== BLOG BODY ===== */
         .container {
         width: 90%;
         max-width: 1100px;
         margin: 80px auto;
         }
         .intro {
         text-align: center;
         font-size: 1.1rem;
         color: #333;
         margin-bottom: 50px;
         }
         .image-section {
         display: flex;
         align-items: center;
         gap: 40px;
         margin-bottom: 70px;
         }
         .image-section img {
         width: 45%;
         border-radius: 15px;
         box-shadow: 0 8px 25px rgba(0,0,0,0.15);
         }
         .image-section.left img {
         order: 1;
         }
         .image-section.left .text {
         order: 2;
         }
         .image-section.right img {
         order: 2;
         }
         .image-section.right .text {
         order: 1;
         }
         .text {
         flex: 1;
         }
         .text h2 {
         color: #004aad;
         font-size: 1.6rem;
         margin-bottom: 10px;
         }
         .text ul {
         margin: 10px 0 0 20px;
         }
         .text li {
         margin-bottom: 8px;
         }
         .divider {
         width: 100%;
         height: 1px;
         background: #ddd;
         margin: 50px 0;
         }
         /* ===== QUOTE ===== */
         .quote-box {
         text-align: center;
         background: linear-gradient(135deg, #004aad, #0077cc);
         color: white;
         padding: 40px 20px;
         border-radius: 20px;
         margin: 70px 0;
         }
         blockquote {
         font-style: italic;
         font-size: 1.3rem;
         line-height: 1.6;
         }
         /* ===== CONCLUSION ===== */
         .conclusion {
         text-align: center;
         }
         .conclusion h2 {
         color: #004aad;
         margin-bottom: 15px;
         }
         .conclusion p {
         margin-bottom: 15px;
         }
         /* ===== SHARE SECTION ===== */
         /* .share-section {
         text-align: center;
         margin-top: 60px;
         padding-top: 30px;
         border-top: 1px solid #ccc;
         } */
         /* .share-section h4 {
         color: #333;
         margin-bottom: 15px;
         } */
         .social-links a {
         color: white;
         font-size: 1.3rem;
         margin: 0 10px;
         transition: all 0.3s ease;
         }
         .social-links a:hover {
         color: #ffb100;
         transform: scale(1.15);
         }
         /* ===== RESPONSIVE DESIGN ===== */
         @media (max-width: 900px) {
         .image-section {
         flex-direction: column;
         }
         .image-section img {
         width: 100%;
         }
         .text {
         text-align: center;
         }
         .hero-content h1 {
         font-size: 1.8rem;
         }
         }
         .container {
         max-width: 1100px;
         margin: 0 auto;
         width: 90%;
         padding: 16px;
         }
         @media (max-width: 600px) {
         .container {
         width: 99%;
         padding: 4px;
         }
         .responsive-img {
         max-width: 100%;
         border-radius: 8px;
         }
         }
         .img-center {
         text-align: center;
         }
         .img-center img {
         max-width: 100%;
         height: auto;
         }
         .topbar {
         background: #f4f4f4;
         padding: 6px 0;
         font-size: 14px;
         border-bottom: 1px solid #ddd;
         }
         .topbar a {
         color: #2B3186;
         text-decoration: none;
         }
         .marquee-box marquee {
         font-weight: 500;
         color: #2B3186;
         }
         .social-icons a i {
         font-size: 14px;
         color: #2B3186;
         }
         .top-btn {
         background: #ffffff;
         border: 1px solid #2B3186;
         color: #2B3186;
         text-transform: capitalize;
         }
         .top-btn:hover {
         background: #2B3186;
         color: #fff;
         }
         /* Responsive */
         @media (max-width: 768px) {
         .topbar-row {
         flex-direction: column;
         text-align: center;
         }
         .social-icons,
         .contact-group,
         .btn-group {
         justify-content: center;
         }
         }
         .topbar {
         position: sticky;
         top: 0;
         z-index: 9999;
         }