.industry-head {
             font-size: 36px;
             font-family: "Work Sans";
             font-weight: 700;
             font-style: normal;
             color: #000;
         }
         
         .bannerhead {
             font-family: "Playfair Display", serif;
             font-weight: 600;
             font-size: 60px;
             line-height: 77px;
             color: #291e30;
             text-align: center;
         }
         
         .navbar {
             background-color: #fff;
             box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
         }
         
         .navbar-brand {
             font-weight: 700;
             color: #231f20 !important;
             display: flex;
             align-items: center;
             font-size: 1.2rem;
         }
         
         .navbar-brand img {
             height: 60px;
             margin-right: 8px;
         }
         
         .nav-link {
             color: #231f20 !important;
             font-weight: 500;
             margin: 0 10px;
             transition: color 0.3s;
         }
         
         .nav-link:hover {
             color: #ff6600 !important;
         }
         
         .demo-btn {
             border: 1px solid #2596be;
             color: #000000;
             font-weight: 600;
             border-radius: 8px;
             padding: 6px 16px;
             transition: all 0.3s;
         }
         
         .demo-btn:hover {
             background-color: #ff6600;
             color: #fff;
         }
         
         @media (max-width: 768px) {
             .bannerhead {
                 font-size: 36px;
                 line-height: 46px;
             }
         }
         /********************************section***************************/
         
         .demo-section {
             padding: 60px 0;
         }
         /* Single image styling */
         
         .demo-img {
             width: 100%;
             max-width: 400px;
             border-radius: 16px;
             box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
             object-fit: cover;
         }
         /* Right form box */
         
         .form-box {
             background-color: #fff;
             padding: 40px 30px;
             border-radius: 20px;
             box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
             max-width: 450px;
             margin: auto;
         }
         
         .form-title {
             font-weight: 700;
             color: #1b1b1b;
             text-align: center;
             font-size: 20px;
             margin-bottom: 25px;
         }
         
         .form-control,
         .form-select {
             border-radius: 10px;
             border: 1px solid #ddd;
             padding: 10px;
             font-size: 15px;
         }
         
         .form-control:focus,
         .form-select:focus {
             border-color: #ff6600;
             box-shadow: 0 0 0 0.2rem rgba(255, 102, 0, 0.25);
         }
         
         .submit-btn {
             background-color: #ff6600;
             color: #fff;
             font-weight: 600;
             border: none;
             border-radius: 10px;
             padding: 10px 20px;
             transition: 0.3s;
             width: 100%;
         }
         
         .submit-btn:hover {
             background-color: #2596be;
         }
         
         @media (max-width: 767px) {
             .mobile-fixed-buttons {
                 position: fixed;
                 bottom: 0;
                 left: 0;
                 width: 100%;
                 z-index: 9999;
             }
         }
         /* Make accordion title text smaller */
         
         .form-check-label {
             font-size: 14px;
             color: #555;
         }
         
         .form-check-label a {
             color: #2596be;
             text-decoration: none;
         }
         
         .form-check-label a:hover {
             text-decoration: underline;
         }
         
         .small-inputs input,
         .small-inputs select {
             font-size: 13px !important;
             padding: 8px 10px;
             /* smaller padding for compact form */
         }
         
         .small-inputs option {
             font-size: 13px;
         }
         
         .word {
             transition: color 0.6s ease, transform 0.6s ease;
             font-size: 50px;
         }
         /* Active highlighted word */
         
         .active {
             color: #1abc9c;
             /* transform: scale(1.2); */
         }
         /* Optional color reflection effect */
         
         .color1.active {
             color: #2596be;
             font-size: 50px;
         }
         
         .color2.active {
             color: #2596be;
         }
         
         .color3.active {
             color: #2596be;
         }
         
         .color4.active {
             color: #2596be;
         }
         
         section {
             background: linear-gradient(to bottom, #fff, #fdf7f6);
         }
         
         h1 {
             color: #3a1f2b;
         }
         
         .border-end:last-child {
             border: none !important;
         }
         
         .custom-tabs .nav-link {
             background-color: #f3f3f3;
             border: none;
             border-radius: 6px 6px 0 0;
             color: #6c6c6c;
             font-weight: 500;
             margin: 5px;
             padding: 10px 25px;
             transition: all 0.3s ease;
         }
         
         .custom-tabs .nav-link.active {
             background-color: #fff;
             color: #1c1c2e;
             font-weight: 700;
             box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.05);
             border-bottom: 2px solid #fff;
         }
         
         .custom-tabs .nav-link:hover {
             background-color: #e9e9e9;
         }
         
         .custom-tabs {
             border-bottom: none !important;
         }
         /* Fade-in animation for tab content */
         
         .animate-tab {
             animation: fadeInUp 0.6s ease;
         }
         
         @keyframes fadeInUp {
             from {
                 opacity: 0;
                 transform: translateY(15px);
             }
             to {
                 opacity: 1;
                 transform: translateY(0);
             }
         }
         /* Responsive spacing */
         
         @media (max-width: 767.98px) {
             .custom-tabs .nav-link {
                 padding: 8px 18px;
                 font-size: 14px;
             }
         }
         
         .nav-tabs {
             flex-wrap: wrap !important;
             justify-content: center !important;
             overflow-x: hidden !important;
             border: none;
         }
         
         .nav-tabs .nav-link {
             border: none;
             background: #fff;
             border-radius: 30px;
             color: #333;
             transition: all 0.3s ease;
         }
         
         .nav-tabs .nav-link.active,
         .nav-tabs .nav-link:hover {
             background-color: #007bff;
             color: #fff !important;
             box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);
         }
         /* Image Styling - Fixed Size but Responsive */
         
         .industry-img {
             width: 360px;
             height: auto;
             aspect-ratio: 503 / 393;
             object-fit: cover;
             border-radius: 20px;
             display: block;
             margin: 0 auto;
         }
         /* Remove All Possible Overflow */
         
         section {
             overflow: hidden;
         }
         /* Responsive Adjustments */
         
         @media (max-width: 991px) {
             .industry-img {
                 max-width: 100%;
                 height: auto;
             }
             .tab-content .row {
                 text-align: center;
             }
         }
         /* Smooth Animation */
         
         .tab-pane {
             animation: fadeInUp 0.6s ease;
         }
         
         @keyframes fadeInUp {
             from {
                 opacity: 0;
                 transform: translateY(20px);
             }
             to {
                 opacity: 1;
                 transform: translateY(0);
             }
         }
         
         .nav-tabs .nav-link {
             border: 1px solid #c3d6f3;
             color: #e0ecff;
             border-radius: 0.5rem;
             transition: all 0.3s ease;
         }
         
         .nav-tabs .nav-link:hover {
             background-color: #ccddf7;
             color: #fff;
         }
         
         .nav-tabs .nav-link.active {
             background-color: #b4cff8 !important;
             color: #0e0d0d !important;
             border-color: #c5d9f7 !important;
         }
         /****************************h1*******************/
         
         .marketing-wrapper {
             display: flex;
             gap: 2rem;
             background: #fff;
             border: 1px solid #fce4d6;
             border-radius: 12px;
             padding: 30px;
             box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
         }
         
         .faq-section {
             flex: 1;
         }
         
         .faq-item {
             background: #fff3e6;
             border-radius: 8px;
             margin-bottom: 10px;
             padding: 12px 15px;
             cursor: pointer;
             transition: background 0.3s ease, transform 0.2s ease;
         }
         
         .faq-item:hover {
             background: #ffe7cc;
             transform: translateX(3px);
         }
         
         .faq-item h3 {
             margin: 0;
             font-size: 16px;
             color: #333;
             display: flex;
             align-items: center;
             justify-content: space-between;
         }
         
         .faq-content {
             display: none;
             font-size: 14px;
             margin-top: 8px;
             color: #555;
         }
         
         .faq-item.active {
             background: #b3d5fa;
             color: #000000;
         }
         
         .faq-item.active .faq-content {
             display: block;
         }
         
         .faq-image {
             flex: 1;
             display: flex;
             align-items: center;
             justify-content: center;
         }
         
         .faq-image img {
             width: 100%;
             max-width: 350px;
             border-radius: 10px;
             transition: opacity 0.3s ease;
         }
         
         h2 {
             text-align: center;
             color: #222;
             margin-bottom: 25px;
         }
         
         .hero-section {
             background-color: #fff;
             text-align: center;
             padding: 80px 20px;
         }
         
         .hero-section h1 {
             font-weight: 700;
             color: #231942;
         }
         
         .hero-section p {
             color: #333;
             font-size: 1.1rem;
             margin-top: 10px;
         }
         
         .btn-demo {
             background-color: #ff6600;
             color: #fff;
             font-weight: 600;
             padding: 12px 30px;
             border-radius: 8px;
             border: none;
             transition: all 0.3s ease;
             margin-top: 25px;
         }
         
         .btn-demo:hover {
             background-color: #e65c00;
             color: #fff;
         }
         
         .footer {
             background-color: #000000;
             color: #fff;
             text-align: center;
             padding: 20px 0;
             font-size: 0.95rem;
         }
         
         .section-shadow-blue {
             box-shadow: 0 0.5rem 2rem rgba(73, 158, 248, 0.4);
             /* Blue shadow */
             /* border: 4px solid #bdddff; */
             /* 4px blue border all around */
             border-radius: 1rem;
             /* Rounded corners */
             padding: 3rem 1rem;
             /* Inner spacing */
             background-color: #ffffff;
             /* Section background */
             margin-left: 60px;
             /* Left gap */
             margin-right: 60px;
             /* Right gap */
         }
         
         .sapna {
             width: 82%;
             /* padding-right: 84px; */
             margin-left: 10%;
             /* margin-right: -28%; */
             background-color: #cce3fc;
         }
         /***************slider*/
         /* Desktop height 600px */
         
         .small-video {
             width: 100%;
             height: 300px;
             /* ← yahan se height control hoti hai */
             object-fit: cover;
             border-radius: 10px;
         }
         
         @media (max-width: 768px) {
             .small-video {
                 height: 200px;
                 /* Mobile height */
             }
         }
         
         .blue-shadow-img {
             width: 100%;
             border-radius: 10px;
             box-shadow: 0 0.5rem 1.5rem rgba(0, 123, 255, 0.35);
             border: 3px solid #bdddff;
         }
         
         @media (max-width: 576px) {
             .fw-bold {
                 font-size: small !important;
             }
         }
         /***********************slider***************/
         
         .case-card {
             border: none;
             border-radius: 18px;
             overflow: hidden;
             transition: 0.3s;
             background: #ffffff;
             box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
         }
         
         .case-card:hover {
             transform: translateY(-6px);
             box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);
         }
         
         .case-img {
             height: 220px;
             object-fit: cover;
         }
         
         .company-logo {
             width: 120px;
             height: auto;
         }
         /* ---- READ MORE BUTTON ---- */
         
         .read-more {
             color: #007bff;
             font-weight: 600;
             float: right;
             text-decoration: none;
         }
         
         .read-more:hover {
             text-decoration: underline;
         }
         /* ---- MODAL DESIGN ---- */
         
         .modal-fullscreen .modal-content {
             padding: 40px;
             border-radius: 0;
         }
         
         .modal-title {
             font-weight: 700;
             font-size: 28px;
         }
         
         .modal-body {
             font-size: 18px;
             line-height: 1.6;
         }
         
         .case-card {
             background: #ffffff;
             border-radius: 18px;
             box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
             transition: 0.3s ease;
         }
         
         .case-card:hover {
             transform: translateY(-5px);
         }
         /* --- FIXED PROFESSIONAL IMAGE SIZE --- */
         
         .case-img {
             width: 100%;
             height: 480px;
             object-fit: cover;
             object-position: center;
             border-radius: 14px;
         }
         /* Logo */
         
         .company-logo {
             width: 120px;
         }
         /* Carousel Controls */
         
         .carousel-control-prev-icon,
         .carousel-control-next-icon {
             filter: invert(1);
         }
         
         @media (max-width: 767px) {
             .case-img {
                 height: 350px;
             }
         }
         
         .case-card {
             background: #ffffff;
             border-radius: 18px;
             box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
             transition: 0.3s ease;
         }
         
         .case-card:hover {
             transform: translateY(-5px);
         }
         
         .case-img {
             width: 100%;
             height: 480px;
             object-fit: cover;
             object-position: center;
             border-radius: 14px;
         }
         
         .company-logo {
             width: 120px;
         }
         
         .carousel-control-prev-icon,
         .carousel-control-next-icon {
             filter: invert(1);
         }
         
         @media (max-width: 767px) {
             .case-img {
                 height: 350px;
             }
         }
         
         .case-card {
             background: white;
             border-radius: 12px;
             box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
             height: 100%;
             transition: transform 0.3s ease;
         }
         
         .case-card:hover {
             transform: translateY(-5px);
         }
         
         .case-img {
             width: 100%;
             height: 200px;
             object-fit: cover;
             border-radius: 8px;
         }
         
         .company-logo {
             height: 30px;
             width: auto;
         }
         
         .read-more-btn {
             color: #0d6efd;
             text-decoration: none;
             font-weight: 500;
         }
         
         .read-more-btn:hover {
             text-decoration: underline;
         }
         
         .custom-modal {
             border-radius: 16px;
             border: none;
         }
         
         .modal-body-text {
             line-height: 1.6;
         }
         /* Mobile-specific styles */
         
         @media (max-width: 768px) {
             .carousel-item .row {
                 flex-wrap: nowrap;
                 overflow-x: auto;
                 margin: 0 -10px;
             }
             .carousel-item .col-md-4 {
                 flex: 0 0 85%;
                 max-width: 85%;
                 padding: 0 10px;
             }
             h2 {
                 font-size: 28px !important;
             }
         }
         /* Hide scrollbar for carousel on mobile */
         
         .carousel-item .row::-webkit-scrollbar {
             display: none;
         }
         
         .carousel-item .row {
             -ms-overflow-style: none;
             scrollbar-width: none;
         }
         /*popop*********************************************************/
         
         .custom-modal {
             border-radius: 20px;
             border: none;
             background: #ffffff;
             box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
         }
         
         .modal-body-text {
             font-size: 1.15rem;
             line-height: 1.8;
         }
         
         .modal-xl {
             max-width: 400px !important;
             /* Wider modal */
         }
         /***********************slider end************/
         /************************new*/
         /* COMMON BUTTON STYLE */
         
         .accordion-button {
             font-size: 16px !important;
             /* desktop font */
             font-weight: 600;
             padding-right: 40px !important;
             /* space for arrow */
             display: flex;
             align-items: center;
             /* vertical alignment */
             white-space: nowrap;
             /* keep text in one line */
             overflow: hidden;
             /* hide overflow */
             text-overflow: ellipsis;
             /* show ... if text is too long */
             position: relative;
             /* required for ::after */
         }
         
         .accordion-button::after {
             transform: scale(0.6) !important;
             /* arrow size */
             margin-left: 4px !important;
             /* GAP between text and arrow */
             right: 18px !important;
             /* distance from right edge */
             position: absolute;
             transition: transform 0.2s;
         }
         /* OPEN STATE */
         
         .accordion-button:not(.collapsed)::after {
             transform: scale(0.6) rotate(90deg) !important;
         }
         /* MOBILE */
         
         @media (max-width: 767px) {
             .accordion-button {
                 font-size: 13px !important;
                 /* smaller text on mobile */
                 padding-right: 36px !important;
                 /* adjust for arrow */
             }
             .accordion-button::after {
                 right: 4px !important;
                 /* mobile alignment */
                 margin-left: 8px !important;
                 /* same 4px gap */
             }
         }
         /* ---------------------------
   SCREENSHOT STYLE TABS
---------------------------- */
         
         #industryTabs {
             gap: 6px !important;
             /* background: #f4f5ef; */
             padding: 20px;
             border-radius: 12px;
         }
         
         #industryTabs .nav-link {
             background: #fcb34c;
             color: #333;
             font-size: 1.25rem;
             padding: 60px 80px;
             border-radius: 3px;
             border: 1px solid #fcb34c;
             font-weight: 1000;
             transition: 0.3s ease;
         }
         /* ACTIVE TAB — cream/white box */
         
         #industryTabs .nav-link.active {
             background: #ffffff !important;
             border-color: #ffffff !important;
             color: #222 !important;
             box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
         }
         /* Hover same as screenshot */
         
         #industryTabs .nav-link:hover {
             background: #ffffff;
             border-color: #fff;
         }
         /* Mobile */
         
         @media (max-width: 768px) {
             #industryTabs .nav-link {
                 padding: 12px 28px;
                 font-size: 1.1rem;
             }
         }
         /*************************************************read more *************************/
         
         #modalFullText {
             font-size: 0.95rem;
             /* smaller text */
             line-height: 1.5;
             /* spacing between lines */
             color: #000000;
         }
         
         #modalTitle {
             font-size: 1.2rem;
             /* slightly smaller title if needed */
             color: #000000;
             /* dark text */
             /* text-align: center; */
         }
         
         .case-card {
             border: none;
             border-radius: 18px;
             overflow: hidden;
             background: #ffffff;
             box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
             transition: transform 0.3s;
         }
         
         .case-card:hover {
             transform: translateY(-5px);
         }
         
         .case-img {
             width: 100%;
             height: auto;
             object-fit: cover;
             border-radius: 12px;
         }
         
         .company-logo {
             height: 80px;
         }
         
         @media (max-width: 992px) {
             #proSlider .carousel-inner .row {
                 justify-content: center;
             }
             .carousel-control-prev,
             .carousel-control-next {
                 display: none;
             }
         }