{"id":2310,"date":"2023-10-19T04:11:36","date_gmt":"2023-10-19T04:11:36","guid":{"rendered":"https:\/\/themexriver.com\/wp\/gesto\/?page_id=2310"},"modified":"2026-07-27T08:02:03","modified_gmt":"2026-07-27T08:02:03","slug":"home-digital-agency","status":"publish","type":"page","link":"https:\/\/solutions.brightcodess.com\/","title":{"rendered":"Home (Digital Agency)"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2310\" class=\"elementor elementor-2310\">\n\t\t\t\t<div class=\"elementor-element elementor-element-07f2044 e-con e-atomic-element e-flexbox-base e-5e120d3 \" data-id=\"07f2044\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"07f2044\">\n    \t\t<div class=\"elementor-element elementor-element-e912503 elementor-widget elementor-widget-text-editor\" data-id=\"e912503\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<style>\n  \/* --- WordPress Friendly Scoped CSS --- *\/\n  .custom-hero-wrapper {\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    position: relative;\n    width: 100%;\n    min-height: 100vh;\n    background-color: #ffffff;\n    background-image: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.85) 35%, rgba(255,255,255,0) 60%), url('https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/banner.webp');\n    background-size: cover;\n    background-position: right center;\n    background-repeat: no-repeat;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    box-sizing: border-box;\n    overflow: hidden;\n  }\n\n  .custom-hero-wrapper * {\n    box-sizing: border-box;\n  }\n\n  .custom-hero-container {\n    max-width: 1480px;\n    margin: 0 auto;\n    padding: 60px 50px;\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 150px;\n    flex: 1;\n    width: 100%;\n  }\n\n  \/* --- Left Content Column --- *\/\n  .custom-hero-content {\n    flex: 1 1 500px;\n    max-width: 720px;\n  }\n\n  .hero-tag {\n    display: inline-flex;\n    align-items: center;\n    background: #ffffff;\n    padding: 6px 14px;\n    border-radius: 20px;\n    font-size: 12px;\n    font-weight: 600;\n    color: #475569;\n    box-shadow: 0 4px 10px -1px rgba(0,0,0,0.08);\n    margin-bottom: 25px;\n  }\n  \n  .hero-tag img {\n    margin-right: 8px;\n    width: 16px;\n    height: 16px;\n  }\n\n  .custom-hero-content h1 {\n    font-size: 46px;\n    line-height: 1.25;\n    color: #0b1120;\n    font-weight: 800;\n    margin: 0 0 20px 0;\n  }\n\n  .custom-hero-content h1 span {\n    color: #ff6b00;\n  }\n\n  .custom-hero-content p.subtitle {\n    font-size: 16px;\n    color: #334155;\n    line-height: 1.6;\n    margin-bottom: 35px;\n    max-width: 95%;\n    font-weight: 500;\n  }\n\n  \/* Services Grid *\/\n  .hero-services-grid {\n    display: flex;\n    justify-content: space-between;\n    gap: 15px;\n    margin-bottom: 40px;\n    width: 100%;\n  }\n\n  .service-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    font-size: 12px; \n    font-weight: 700;\n    color: #0b1120;\n    flex: 1;\n  }\n\n  .service-icon {\n    width: 56px;\n    height: 56px;\n    background: #f4f7fb;\n    border: 1px solid #e2e8f0;\n    border-radius: 14px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 12px;\n    box-shadow: 0 4px 6px -2px rgba(0,0,0,0.02);\n  }\n  \n  .service-icon img {\n    width: 26px;\n    height: 26px;\n    object-fit: contain;\n  }\n\n  \/* Buttons *\/\n  .hero-buttons {\n    display: flex;\n    gap: 15px;\n    flex-wrap: wrap;\n    margin-bottom: 45px;\n  }\n\n  .btn-primary, .btn-secondary {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 15px 30px;\n    border-radius: 8px;\n    font-weight: 600;\n    font-size: 15px;\n    cursor: pointer;\n    text-decoration: none;\n    transition: all 0.3s ease;\n  }\n\n  .btn-primary {\n    background-color: #ff6b00;\n    color: #ffffff;\n    border: none;\n    box-shadow: 0 10px 20px -5px rgba(255, 107, 0, 0.4);\n  }\n\n  .btn-primary:hover {\n    background-color: #e65c00;\n    transform: translateY(-2px);\n    box-shadow: 0 15px 25px -5px rgba(255, 107, 0, 0.5);\n  }\n\n  .btn-secondary {\n    background-color: #ffffff;\n    color: #1e3a8a;\n    border: 1.5px solid #cbd5e1;\n    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);\n  }\n\n  .btn-secondary:hover {\n    background-color: #f8fafc;\n    border-color: #1e3a8a;\n    transform: translateY(-2px);\n  }\n\n  .btn-primary img, .btn-secondary img {\n    margin-left: 10px;\n    width: 18px;\n    height: 18px;\n  }\n\n  \/* --- Stats \/ Trust Bar --- *\/\n  .custom-hero-trustbar {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 25px;\n    align-items: center;\n    padding-top: 25px;\n    border-top: 1px solid rgba(0, 0, 0, 0.08);\n  }\n\n  .trust-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 11px;\n    color: #475569;\n    font-weight: 600;\n  }\n  \n  .trust-item img {\n    width: 28px;\n    height: 28px;\n    object-fit: contain;\n  }\n\n  .trust-item strong {\n    display: block;\n    font-size: 15px;\n    color: #0b1120;\n    font-weight: 800;\n  }\n\n  \/* --- Right Form Column --- *\/\n  .custom-hero-form {\n    flex: 1 1 350px;\n    max-width: 440px;\n    background: #ffffff;\n    padding: 40px;\n    border-radius: 24px;\n    box-shadow: 0 25px 50px -12px rgba(0,0,0,0.15), 0 0 25px rgba(0,0,0,0.05);\n  }\n\n  .custom-hero-form h3 {\n    margin: 0 0 12px 0;\n    font-size: 24px;\n    color: #0b1120;\n    font-weight: 700;\n  }\n\n  .custom-hero-form p {\n    font-size: 14px;\n    color: #475569;\n    margin: 0 0 25px 0;\n    line-height: 1.6;\n  }\n\n  \/* CF7 Fix to prevent broken 100% widths *\/\n  .wpcf7-form-control-wrap {\n    display: block;\n  }\n\n  .form-group {\n    margin-bottom: 16px;\n  }\n\n  .form-group input, \n  .form-group select, \n  .form-group textarea {\n    width: 100%;\n    padding: 14px 16px;\n    border: 1px solid #cbd5e1;\n    border-radius: 8px;\n    font-size: 14px;\n    color: #334155;\n    outline: none;\n    font-family: inherit;\n    transition: all 0.2s;\n    box-sizing: border-box;\n  }\n\n  .form-group input::placeholder, \n  .form-group textarea::placeholder {\n    color: #94a3b8;\n  }\n\n  .form-group input:focus, \n  .form-group select:focus, \n  .form-group textarea:focus {\n    border-color: #ff6b00;\n    box-shadow: 0 0 0 3px rgba(255, 107, 0, 0.1);\n  }\n\n  .form-group textarea {\n    resize: none;\n    height: 90px;\n  }\n\n  .btn-submit {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    padding: 16px;\n    background-color: #ff6b00;\n    color: #ffffff;\n    font-size: 16px;\n    font-weight: 600;\n    border: none;\n    border-radius: 50px;\n    margin-top: 10px;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    box-shadow: 0 10px 20px -5px rgba(255, 107, 0, 0.4);\n  }\n\n  .btn-submit:hover {\n    background-color: #e65c00;\n    transform: translateY(-2px);\n    box-shadow: 0 15px 25px -5px rgba(255, 107, 0, 0.5);\n  }\n\n  .btn-submit img {\n    margin-left: 10px;\n    width: 24px;\n    height: 24px;\n  }\n\n  \/* Hide CF7 AJAX spinner to keep button clean *\/\n  .wpcf7-spinner {\n    display: none !important;\n  }\n\n  .privacy-note {\n    text-align: center;\n    font-size: 12px;\n    color: #64748b;\n    margin-top: 22px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .privacy-note img {\n    margin-right: 6px;\n    width: 14px;\n    height: 14px;\n  }\n\n  \/* --- Responsive Adjustments --- *\/\n  @media (max-width: 1024px) {\n    .custom-hero-container {\n      gap: 50px;\n      padding: 50px 30px;\n    }\n  }\n\n  @media (max-width: 992px) {\n    .custom-hero-wrapper {\n      background-image: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.95) 50%, rgba(255,255,255,0.4) 100%), url('https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/banner.webp');\n    }\n    .custom-hero-container {\n      flex-direction: column;\n      padding-top: 60px;\n    }\n    .custom-hero-content {\n      text-align: center;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n    }\n    .custom-hero-content h1 {\n      font-size: 36px;\n    }\n    .hero-services-grid {\n      justify-content: center;\n    }\n    .custom-hero-trustbar {\n      justify-content: center;\n    }\n  }\n\n  @media (max-width: 480px) {\n    .hero-services-grid {\n      flex-wrap: wrap;\n    }\n    .service-item {\n      flex: 1 1 40%;\n    }\n    .hero-buttons {\n      flex-direction: column;\n      width: 100%;\n    }\n    .btn-primary, .btn-secondary {\n      width: 100%;\n    }\n    .custom-hero-form {\n      padding: 30px 20px;\n    }\n  }\n<\/style>\n\n<div class=\"custom-hero-wrapper\">\n  <div class=\"custom-hero-container\">\n    \n    <!-- Left Content -->\n    <div class=\"custom-hero-content\">\n      <div class=\"hero-tag\">\n        <img decoding=\"async\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/star.png\" alt=\"Star\">\n        Building Digital Solutions That Drive Real Results\n      <\/div>\n      \n      <h1>Custom Software, AI &#038; <span>Digital Marketing<\/span> Solutions That Grow Your Business<\/h1>\n      \n      <p class=\"subtitle\">We help startups, SMEs and enterprises build powerful digital products, automate processes and generate more leads &#038; sales.<\/p>\n      \n      <div class=\"hero-services-grid\">\n        <div class=\"service-item\">\n          <div class=\"service-icon\">\n            <img decoding=\"async\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/coding.png\" alt=\"Software\">\n          <\/div>\n          Custom Software<br>Development\n        <\/div>\n        <div class=\"service-item\">\n          <div class=\"service-icon\">\n            <img decoding=\"async\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/coding-1.png\" alt=\"Mobile\">\n          <\/div>\n          Mobile App<br>Development\n        <\/div>\n        <div class=\"service-item\">\n          <div class=\"service-icon\">\n            <img decoding=\"async\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/regenerate.png\" alt=\"AI\">\n          <\/div>\n          AI &#038; Automation<br>Solutions\n        <\/div>\n        <div class=\"service-item\">\n          <div class=\"service-icon\">\n            <img decoding=\"async\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/network.png\" alt=\"Marketing\">\n          <\/div>\n          Digital Marketing<br>That Converts\n        <\/div>\n      <\/div>\n\n      <div class=\"hero-buttons\">\n        <a href=\"#\" class=\"btn-primary\">\n          Get Free Consultation \n          <img decoding=\"async\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/right-arrow.png\" alt=\"Arrow\">\n        <\/a>\n        <a href=\"#\" class=\"btn-secondary\">\n          Book a Strategy Call\n          <img decoding=\"async\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/phone-call.png\" alt=\"Phone\">\n        <\/a>\n      <\/div>\n\n      <!-- Trust Bar -->\n      <div class=\"custom-hero-trustbar\">\n        <div class=\"trust-item\">\n          <img decoding=\"async\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/project-management.png\" alt=\"Projects\">\n          <div><strong>1200+<\/strong> Projects Delivered<\/div>\n        <\/div>\n        <div class=\"trust-item\">\n          <img decoding=\"async\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/rating.png\" alt=\"Clients\">\n          <div><strong>1000+<\/strong> Happy Clients<\/div>\n        <\/div>\n        <div class=\"trust-item\">\n          <img decoding=\"async\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/expertise.png\" alt=\"Experience\">\n          <div><strong>15+<\/strong> Years Experience<\/div>\n        <\/div>\n        <div class=\"trust-item\">\n          <img decoding=\"async\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/google.png\" alt=\"Rating\">\n          <div><strong>4.9\/5<\/strong> Client Rating<\/div>\n        <\/div>\n        <div class=\"trust-item\">\n          <img decoding=\"async\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/Untitled-design.png\" alt=\"ISO\">\n          <div><strong>ISO<\/strong> Certified<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Right Form Content -->\n    <div class=\"custom-hero-form\">\n      <h3>Get Your Free Consultation<\/h3>\n      <p>Tell us about your project and our experts will get back to you within 24 hours.<\/p>\n      \n      <div class=\"mf-form-shortcode\">\r\n\t\t<div\r\n\t\t\tid=\"metform-wrap-5466-5466\"\r\n\t\t\tclass=\"mf-form-wrapper\"\r\n\t\t\tdata-form-id=\"5466\"\r\n\t\t\tdata-action=\"https:\/\/solutions.brightcodess.com\/index.php\/wp-json\/metform\/v1\/entries\/insert\/5466\"\r\n\t\t\tdata-wp-nonce=\"425ed2e8d5\"\r\n\t\t\tdata-form-nonce=\"cd7d9c8490\"\r\n\t\t\tdata-quiz-summery = \"false\"\r\n\t\t\tdata-save-progress = \"false\"\r\n\t\t\tdata-form-type=\"general-form\"\r\n\t\t\tdata-stop-vertical-effect=\"\"\r\n\t\t\tdata-payment-submit-before=\"0\"\r\n\t\t\t><\/div>\r\n\r\n\r\n\t\t<!----------------------------- \r\n\t\t\t* controls_data : find the the props passed indie of data attribute\r\n\t\t\t* props.SubmitResponseMarkup : contains the markup of error or success message\r\n\t\t\t* https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Template_literals\r\n\t\t--------------------------- -->\r\n\r\n\t\t\t\t<script type=\"text\/mf\" class=\"mf-template\">\r\n\t\t\tfunction controls_data (value){\r\n\t\t\t\tlet currentWrapper = \"mf-response-props-id-5466\";\r\n\t\t\t\tlet currentEl = document.getElementById(currentWrapper);\r\n\t\t\t\t\r\n\t\t\t\treturn currentEl ? currentEl.dataset[value] : false\r\n\t\t\t}\r\n\r\n\r\n\t\t\tlet is_edit_mode = '' ? true : false;\r\n\t\t\tlet message_position = controls_data('messageposition') || 'top';\r\n\r\n\t\t\t\r\n\t\t\tlet message_successIcon = controls_data('successicon') || '';\r\n\t\t\tlet message_errorIcon = controls_data('erroricon') || '';\r\n\t\t\tlet message_editSwitch = controls_data('editswitchopen') === 'yes' ? true : false;\r\n\t\t\tlet message_proClass = controls_data('editswitchopen') === 'yes' ? 'mf_pro_activated' : '';\r\n\t\t\t\r\n\t\t\tlet is_dummy_markup = is_edit_mode && message_editSwitch ? true : false;\r\n\r\n\t\t\t\r\n\t\t\treturn html`\r\n\t\t\t\t<form\r\n\t\t\t\t\tclassName=\"metform-form-content\"\r\n\t\t\t\t\tref=${parent.formContainerRef}\r\n\t\t\t\t\tonSubmit=${ validation.handleSubmit( parent.handleFormSubmit ) }\r\n\t\t\t\t\r\n\t\t\t\t\t>\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\t\t${is_dummy_markup ? message_position === 'top' ?  props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''}\r\n\t\t\t\t\t${is_dummy_markup ? ' ' :  message_position === 'top' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''}\r\n\r\n\t\t\t\t\t<!--------------------------------------------------------\r\n\t\t\t\t\t*** IMPORTANT \/ DANGEROUS ***\r\n\t\t\t\t\t${html``} must be used as in immediate child of \"metform-form-main-wrapper\"\r\n\t\t\t\t\tclass otherwise multistep form will not run at all\r\n\t\t\t\t\t---------------------------------------------------------->\r\n\r\n\t\t\t\t\t<div className=\"metform-form-main-wrapper\" key=${'hide-form-after-submit'} ref=${parent.formRef}>\r\n\t\t\t\t\t${html`\r\n\t\t\t\t\t\t\t\t<div data-elementor-type=\"wp-post\" key=\"2\" data-elementor-id=\"5466\" className=\"elementor elementor-5466\">\n\t\t\t\t<div className=\"elementor-element elementor-element-46a3f1bf e-con-full e-flex e-con e-parent\" data-id=\"46a3f1bf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div className=\"elementor-element elementor-element-65b14f34 e-con-full e-grid e-con e-child\" data-id=\"65b14f34\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div className=\"elementor-element elementor-element-229b8a8 elementor-widget elementor-widget-mf-text\" data-id=\"229b8a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-first-name&quot;}\" data-widget_type=\"mf-text.default\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-text-229b8a8\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Your Nme`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\">*<\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<input\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tclassName=\"mf-input mf-conditional-input\"\r\n\t\t\t\tid=\"mf-input-text-229b8a8\"\r\n\t\t\t\tname=\"mf-first-name\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Your name here`) } \"\r\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\r\n\t\t\t\t\tonBlur=${parent.handleChange}\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-first-name'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el =>{\r\n\t\t\t\t\t\t\t\t\t\t\t\tparent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":true,\"expression\":\"null\"}, el)\r\n\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-first-name\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-752b6f44 elementor-widget elementor-widget-mf-email\" data-id=\"752b6f44\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-email&quot;}\" data-widget_type=\"mf-email.default\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-email-752b6f44\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Email Address`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\">*<\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<input \r\n\t\t\t\ttype=\"email\" \r\n\t\t\t\t \r\n\t\t\t\tdefaultValue=\"\" \r\n\t\t\t\tclassName=\"mf-input mf-conditional-input\" \r\n\t\t\t\tid=\"mf-input-email-752b6f44\" \r\n\t\t\t\tname=\"mf-email\" \r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Add email`) } \" \r\n\t\t\t\t \r\n\t\t\t\tonBlur=${parent.handleChange} onFocus=${parent.handleChange} aria-invalid=${validation.errors['mf-email'] ? 'true' : 'false' } \r\n\t\t\t\tref=${el=> parent.activateValidation({\"message\":\"This field is required.\",\"emailMessage\":\"Please enter a valid Email address\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":true,\"expression\":\"null\"}, el)}\r\n\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t<${validation.ErrorMessage} \r\n\t\t\t\terrors=${validation.errors} \r\n\t\t\t\tname=\"mf-email\" \r\n\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-3ef4e9c elementor-widget elementor-widget-mf-telephone\" data-id=\"3ef4e9c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-telephone&quot;}\" data-widget_type=\"mf-telephone.default\">\n\t\t\t\t\t\n\t\t<div className=\"mf-input-wrapper\">\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-telephone-3ef4e9c\">\n\t\t\t\t\t${ parent.decodeEntities(`Your Phone `) } \t\t\t\t\t<span className=\"mf-input-required-indicator\">*<\/span>\n\t\t\t\t<\/label>\n\t\t\t\n\t\t\t<input\n\t\t\t\ttype=\"tel\"\n\t\t\t\tclassName=\"mf-input \"\n\t\t\t\tid=\"mf-input-telephone-3ef4e9c\" \n\t\t\t\tname=\"mf-telephone\"\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Enter your mobile number`) } \"\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\n\t\t\t\t\taria-invalid=${validation.errors['mf-telephone'] ? 'true' : 'false'}\n\t\t\t\t\tref=${el => parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":true,\"expression\":\"null\"}, el)}\n\t\t\t\t\t\t\t\t\/>\n\t\t\t\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\n\t\t\t\t\terrors=${validation.errors}\n\t\t\t\t\tname=\"mf-telephone\"\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\n\t\t\t\t\t\/>\n\t\t\t\n\t\t\t\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-21a18b1 elementor-widget elementor-widget-mf-multi-select\" data-id=\"21a18b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-multi-select&quot;,&quot;mf_input_list&quot;:[{&quot;label&quot;:&quot;Custom Software&quot;,&quot;value&quot;:&quot;custom-software&quot;,&quot;_id&quot;:&quot;c555882&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;label&quot;:&quot;Mobile App&quot;,&quot;value&quot;:&quot;mobile-app&quot;,&quot;_id&quot;:&quot;1cf8f14&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;label&quot;:&quot;AI &amp; Automation&quot;,&quot;value&quot;:&quot;ai-automation&quot;,&quot;_id&quot;:&quot;6bd8a33&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;label&quot;:&quot;digital-marketing&quot;,&quot;value&quot;:&quot;value-4&quot;,&quot;_id&quot;:&quot;30e3e72&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;}]}\" data-widget_type=\"mf-multi-select.default\">\n\t\t\t\t\t\r\n        \r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-multi-select-21a18b1\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Select Service`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\">*<\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n            <${props.Select}\r\n                isOptionDisabled=${option => option.mf_input_option_status === 'disabled'}\r\n                className=${\"mf-input mf-input-multiselect  \" + ( validation.errors['mf-multi-select'] ? 'mf-invalid' : '' )}\r\n                classNamePrefix=\"mf_multiselect\"\r\n                value=${parent.getValue(\"mf-multi-select\") && [{\"label\":\"Custom Software\",\"value\":\"custom-software\",\"_id\":\"c555882\",\"mf_input_option_status\":\"\",\"mf_input_option_selected\":\"\"},{\"label\":\"Mobile App\",\"value\":\"mobile-app\",\"_id\":\"1cf8f14\",\"mf_input_option_status\":\"\",\"mf_input_option_selected\":\"\"},{\"label\":\"AI & Automation\",\"value\":\"ai-automation\",\"_id\":\"6bd8a33\",\"mf_input_option_status\":\"\",\"mf_input_option_selected\":\"\"},{\"label\":\"digital-marketing\",\"value\":\"value-4\",\"_id\":\"30e3e72\",\"mf_input_option_status\":\"\",\"mf_input_option_selected\":\"\"}].filter(item => {\r\n                    if(parent.state.formData['mf-multi-select'] && parent.state.formData['mf-multi-select'].indexOf(item.value) != -1 ){\r\n                        return item;\r\n                    }\r\n                })}\r\n                name='mf-multi-select'\r\n                placeholder=\"${ parent.decodeEntities(`Select service you want`) } \"\r\n                options=${[{\"label\":\"Custom Software\",\"value\":\"custom-software\",\"_id\":\"c555882\",\"mf_input_option_status\":\"\",\"mf_input_option_selected\":\"\"},{\"label\":\"Mobile App\",\"value\":\"mobile-app\",\"_id\":\"1cf8f14\",\"mf_input_option_status\":\"\",\"mf_input_option_selected\":\"\"},{\"label\":\"AI & Automation\",\"value\":\"ai-automation\",\"_id\":\"6bd8a33\",\"mf_input_option_status\":\"\",\"mf_input_option_selected\":\"\"},{\"label\":\"digital-marketing\",\"value\":\"value-4\",\"_id\":\"30e3e72\",\"mf_input_option_status\":\"\",\"mf_input_option_selected\":\"\"}]}\r\n                onChange=${(el) => {\r\n                    setValue(\"mf-multi-select\", '');\r\n                    if(el != null){\r\n                        setValue(\"mf-multi-select\", el, true);\r\n                    }\r\n                    parent.multiSelectChange(el, 'mf-multi-select');\r\n                }}\r\n                ref=${() => {\r\n\t\t\t\t                    register({ name: \"mf-multi-select\" }, parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":true}));\r\n                    if(parent.state?.submitted !== true){\r\n                        if ( parent.getValue(\"mf-multi-select\") === '' && false ) {\r\n                            parent.setValue( 'mf-multi-select', '[]');\r\n                            parent.multiSelectChange('[]', 'mf-multi-select');\r\n                        }\r\n                    }\r\n                }}\r\n                isMulti\r\n            \/>\r\n            \r\n            \t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-multi-select\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t            \r\n        <\/div>\r\n\r\n\t\t\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-13f46608 elementor-widget__width-inherit elementor-widget elementor-widget-mf-textarea\" data-id=\"13f46608\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-comment&quot;}\" data-widget_type=\"mf-textarea.default\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-text-area-13f46608\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Tell Us About Your Project`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<textarea className=\"mf-input mf-textarea mf-conditional-input\" id=\"mf-input-text-area-13f46608\"\r\n\t\t\t\tname=\"mf-comment\" \r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Comments`) } \"\r\n\t\t\t\tcols=\"30\" rows=\"10\"\r\n\t\t\t\t\t\t\t\t\tonInput=${ parent.handleChange }\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-comment'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${ el => parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false,\"expression\":\"null\"}, el)}\r\n\t\t\t\t\t\t\t\t><\/textarea>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-comment\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-50e956bc elementor-widget__width-inherit elementor-widget elementor-widget-mf-recaptcha\" data-id=\"50e956bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"mf-recaptcha.default\">\n\t\t\t\t\t\t\t<div className=\"mf-input-wrapper\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t<div id=\"recaptcha_site_key_v3\" data-sitekey=\"6LexsGctAAAAAJoRZyJA9M-ajVIQQ3rMhTkIf7TF\"  className=\"recaptcha_site_key_v3 \">\n\t\t\t\t\t\t<input type=\"hidden\" className=\"g-recaptcha-response-v3\" name=\"g-recaptcha-response-v3\" \/>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-54379b03 elementor-widget__width-auto elementor-widget elementor-widget-mf-button\" data-id=\"54379b03\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"mf-button.default\">\n\t\t\t\t\t\t\t<div className=\"mf-btn-wraper mf-conditional-input\" data-mf-form-conditional-logic-requirement=\"\">\r\n\t\t\t\t\t\t\t<button type=\"submit\" className=\"metform-btn metform-submit-btn \" id=\"\">\r\n\t\t\t\t\t<span>${ parent.decodeEntities(`Send Message`) } <\/span>\r\n\t\t\t\t<\/button>\r\n\t\t\t        <\/div>\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t`}\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t${is_dummy_markup ? message_position === 'bottom' ? props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''}\r\n\t\t\t\t\t${is_dummy_markup ? ' ' : message_position === 'bottom' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''}\r\n\t\t\t\t\r\n\t\t\t\t<\/form>\r\n\t\t\t`\r\n\t\t<\/script>\r\n\r\n\t\t<\/div>\n      \n      <div class=\"privacy-note\">\n        <img decoding=\"async\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/lock.png\" alt=\"Lock\">\n        100% Privacy Guaranteed\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a5681d4 e-con e-atomic-element e-flexbox-base e-945c685 \" data-id=\"a5681d4\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a5681d4\">\n    \t\t<div class=\"elementor-element elementor-element-0bd5ef3 elementor-widget elementor-widget-html\" data-id=\"0bd5ef3\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"clients\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* Base Container Styles *\/\r\n  .custom-services-section {\r\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    padding: 60px 20px;\r\n    background-color: #ffffff; \/* Very light gray\/white background *\/\r\n    color: #0f172a;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .custom-services-section * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* --- Top 'Trusted By' Section --- *\/\r\n  .trusted-by-header {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 15px;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .trusted-by-header h4 {\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    color: #1e293b;\r\n    margin: 0;\r\n  }\r\n\r\n  .line-left {\r\n    height: 1px;\r\n    width: 30px;\r\n    background-color: #22c55e; \/* Green hint *\/\r\n  }\r\n\r\n  .line-right {\r\n    height: 1px;\r\n    width: 30px;\r\n    background-color: #f97316; \/* Orange hint *\/\r\n  }\r\n\r\n  .trusted-logos {\r\n    display: flex;\r\n    flex-wrap: nowrap; \/* Forces all logos onto a single line *\/\r\n    justify-content: center; \/* Keeps them grouped together instead of spreading out *\/\r\n    align-items: center;\r\n    gap: 50px; \/* Controls the exact space between the logos *\/\r\n    margin-bottom: 60px;\r\n    padding-bottom: 40px;\r\n    border-bottom: 1px solid #f1f5f9;\r\n    overflow-x: auto; \/* Allows horizontal scrolling on very small screens *\/\r\n    scrollbar-width: none; \/* Firefox *\/\r\n  }\r\n  \r\n  .trusted-logos::-webkit-scrollbar {\r\n    display: none; \/* Hide scrollbar for Chrome\/Safari\/Edge *\/\r\n  }\r\n\r\n  .trusted-logos img {\r\n    height: 130px; \/* Increased size *\/\r\n    width: auto;\r\n    max-width: 180px; \/* Gives logos a bit more room to breathe *\/\r\n    object-fit: contain;\r\n    filter: grayscale(10%) contrast(1.1);\r\n    flex-shrink: 1; \/* Allows logos to shrink slightly if the screen gets tight *\/\r\n  }\r\n\r\n  \/* --- Core Services Heading Section --- *\/\r\n  .services-header {\r\n    text-align: center;\r\n    margin-bottom: 50px;\r\n  }\r\n\r\n  .services-header h2 {\r\n    font-size: 32px;\r\n    font-weight: 700;\r\n    color: #0f172a;\r\n    margin: 0 0 15px 0;\r\n  }\r\n\r\n  .heading-underline {\r\n    height: 3px;\r\n    width: 40px;\r\n    background-color: #f97316;\r\n    margin: 0 auto 20px auto;\r\n    border-radius: 2px;\r\n  }\r\n\r\n  .services-header p {\r\n    font-size: 15px;\r\n    color: #475569;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* --- Services Cards Grid --- *\/\r\n  .services-grid {\r\n    display: grid;\r\n    \/* 6 columns on large screens *\/\r\n    grid-template-columns: repeat(6, 1fr); \r\n    gap: 20px;\r\n  }\r\n\r\n  .service-card {\r\n    background-color: #ffffff;\r\n    border-radius: 12px;\r\n    padding: 35px 20px 25px 20px;\r\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);\r\n    text-align: center;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n  }\r\n\r\n  .service-card:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);\r\n  }\r\n\r\n  \/* Card Icons Layout *\/\r\n  .icon-wrapper {\r\n    width: 70px;\r\n    height: 70px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .icon-wrapper img, \r\n  .icon-wrapper svg {\r\n    width: 32px;\r\n    height: 32px;\r\n  }\r\n\r\n  \/* Icon Background Colors *\/\r\n  .bg-blue { background-color: #f0f4ff; color: #3b82f6; }\r\n  .bg-orange { background-color: #fff6ed; color: #f97316; }\r\n  .bg-green { background-color: #f0fdf4; color: #22c55e; }\r\n  .bg-purple { background-color: #f5f3ff; color: #8b5cf6; }\r\n  .bg-pink { background-color: #fdf2f8; color: #ec4899; }\r\n  .bg-lightblue { background-color: #f0f9ff; color: #0ea5e9; }\r\n\r\n  \/* Card Typography *\/\r\n  .service-card h3 {\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    color: #0f172a;\r\n    line-height: 1.4;\r\n    margin: 0 0 15px 0;\r\n  }\r\n\r\n  .service-card p {\r\n    font-size: 13px;\r\n    color: #64748b;\r\n    line-height: 1.6;\r\n    margin: 0 0 25px 0;\r\n    flex-grow: 1; \/* Pushes the 'Learn More' link to the bottom *\/\r\n  }\r\n\r\n  .learn-more {\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    color: #f97316;\r\n    text-decoration: none;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 5px;\r\n    transition: gap 0.2s ease;\r\n  }\r\n\r\n  .learn-more:hover {\r\n    gap: 8px; \/* Slight animation on hover *\/\r\n  }\r\n\r\n  \/* --- Responsive Breakpoints --- *\/\r\n  @media (max-width: 1200px) {\r\n    .services-grid {\r\n      grid-template-columns: repeat(3, 1fr); \/* 3 cards per row *\/\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .services-grid {\r\n      grid-template-columns: repeat(2, 1fr); \/* 2 cards per row *\/\r\n    }\r\n    .trusted-logos {\r\n      gap: 30px; \/* Slightly tighter gap on tablets *\/\r\n    }\r\n  }\r\n\r\n  @media (max-width: 576px) {\r\n    .services-grid {\r\n      grid-template-columns: 1fr; \/* 1 card per row *\/\r\n    }\r\n    .trusted-logos img {\r\n      height: 55px; \/* Adjust scale for mobile screens *\/\r\n    }\r\n    .trusted-logos {\r\n      gap: 20px; \r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"custom-services-section\">\r\n  \r\n  <!-- Trusted By Section -->\r\n  <div class=\"trusted-by-header\">\r\n    <div class=\"line-left\"><\/div>\r\n    <h4>Trusted by 1200+ Businesses Across India<\/h4>\r\n    <div class=\"line-right\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"trusted-logos\">\r\n    <!-- Replace src attributes with your actual logo URLs -->\r\n    <img decoding=\"async\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/1-2.png\" alt=\"Futuro Technologies\">\r\n    <img decoding=\"async\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/2-2.png\" alt=\"Tarang Scaapeed\">\r\n    <img decoding=\"async\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/3-2.png\" alt=\"Nivola Tech Energy\">\r\n    <img decoding=\"async\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/4-2.png\" alt=\"Priyam Organics\">\r\n    <img decoding=\"async\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/5-2.png\" alt=\"Healthy U\">\r\n    <img decoding=\"async\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/6-2.png\" alt=\"SevenDial\">\r\n    <img decoding=\"async\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/7-2.png\" alt=\"Krishna Medicals\">\r\n  <\/div>\r\n\r\n  <!-- Core Services Header -->\r\n  <div class=\"services-header\">\r\n    <h2>Our Core Services<\/h2>\r\n    <div class=\"heading-underline\"><\/div>\r\n    <p>End-to-end IT solutions to help your business innovate, grow and scale.<\/p>\r\n  <\/div>\r\n\r\n  <!-- Cards Grid -->\r\n  <div class=\"services-grid\">\r\n    \r\n    <!-- Card 1 -->\r\n    <div class=\"service-card\">\r\n      <div class=\"icon-wrapper bg-blue\">\r\n        <!-- Replace with real SVG or Image -->\r\n        <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4\"><\/path><\/svg>\r\n      <\/div>\r\n      <h3>Custom Software<br>Development<\/h3>\r\n      <p>Scalable, secure and high-performance software solutions tailored to your business needs.<\/p>\r\n      <a href=\"https:\/\/brightcodess.com\/bengaluru\/service\/custom-software-development-in-bangalore\/\" class=\"learn-more\">Learn More <span>&rarr;<\/span><\/a>\r\n    <\/div>\r\n\r\n    <!-- Card 2 -->\r\n    <div class=\"service-card\">\r\n      <div class=\"icon-wrapper bg-orange\">\r\n        <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z\"><\/path><\/svg>\r\n      <\/div>\r\n      <h3>Mobile App<br>Development<\/h3>\r\n      <p>Android & iOS apps that deliver seamless user experiences and drive business growth.<\/p>\r\n      <a href=\"https:\/\/brightcodess.com\/bengaluru\/service\/mobile-app-development-service-in-bangalore\/\" class=\"learn-more\">Learn More <span>&rarr;<\/span><\/a>\r\n    <\/div>\r\n\r\n    <!-- Card 3 -->\r\n    <div class=\"service-card\">\r\n      <div class=\"icon-wrapper bg-green\">\r\n        <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"><\/path><\/svg>\r\n      <\/div>\r\n      <h3>Web Development<\/h3>\r\n      <p>Modern, responsive and SEO-friendly websites that represent your brand and convert visitors.<\/p>\r\n      <a href=\"https:\/\/brightcodess.com\/bengaluru\/service\/web-design-and-development-service-in-bangalore\/\" class=\"learn-more\">Learn More <span>&rarr;<\/span><\/a>\r\n    <\/div>\r\n\r\n    <!-- Card 4 -->\r\n    <div class=\"service-card\">\r\n      <div class=\"icon-wrapper bg-purple\">\r\n        <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\"><\/path><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"><\/path><\/svg>\r\n      <\/div>\r\n      <h3>AI & Automation<br>Solutions<\/h3>\r\n      <p>Automate workflows, integrate AI and boost productivity with smart technology.<\/p>\r\n      <a href=\"https:\/\/brightcodess.com\/bengaluru\/julia-development\/\" class=\"learn-more\">Learn More <span>&rarr;<\/span><\/a>\r\n    <\/div>\r\n\r\n    <!-- Card 5 -->\r\n    <div class=\"service-card\">\r\n      <div class=\"icon-wrapper bg-pink\">\r\n        <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11 5.882V19.24a1.76 1.76 0 01-3.417.592l-2.147-6.15M18 13a3 3 0 100-6M5.436 13.683A4.001 4.001 0 017 6h1.832c4.1 0 7.625-1.234 9.168-3v14c-1.543-1.766-5.067-3-9.168-3H7a3.988 3.988 0 01-1.564-.317z\"><\/path><\/svg>\r\n      <\/div>\r\n      <h3>Digital Marketing<\/h3>\r\n      <p>SEO, PPC, Social Media, Content Marketing & more to generate quality leads and increase ROI.<\/p>\r\n      <a href=\"https:\/\/brightcodess.com\/bengaluru\/service\/digital-marketing-services-in-bangalore\/\" class=\"learn-more\">Learn More <span>&rarr;<\/span><\/a>\r\n    <\/div>\r\n\r\n    <!-- Card 6 -->\r\n    <div class=\"service-card\">\r\n      <div class=\"icon-wrapper bg-lightblue\">\r\n        <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z\"><\/path><\/svg>\r\n      <\/div>\r\n      <h3>Cloud & DevOps<\/h3>\r\n      <p>Reliable cloud solutions and DevOps practices to ensure scalability, security and performance.<\/p>\r\n      <a href=\"https:\/\/brightcodess.com\/bengaluru\/bash\/\" class=\"learn-more\">Learn More <span>&rarr;<\/span><\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-0f66c66 e-con e-atomic-element e-flexbox-base e-96ca489 \" data-id=\"0f66c66\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"0f66c66\">\n    \t\t<div class=\"elementor-element elementor-element-0407e29 elementor-widget elementor-widget-html\" data-id=\"0407e29\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"industries\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* --- Global Wrapper Styles --- *\/\r\n  .brightcode-wrapper {\r\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n    color: #333;\r\n    line-height: 1.5;\r\n    box-sizing: border-box;\r\n  }\r\n  .brightcode-wrapper * {\r\n    box-sizing: border-box;\r\n  }\r\n  .bc-section {\r\n    padding: 60px 20px;\r\n    width: 100%;\r\n  }\r\n  .bc-container {\r\n    max-width: 1300px;\r\n    margin: 0 auto;\r\n  }\r\n  .bc-heading-center {\r\n    text-align: center;\r\n    margin-bottom: 40px;\r\n  }\r\n  .bc-heading-center h2 {\r\n    font-size: 32px;\r\n    font-weight: 700;\r\n    margin: 0 0 10px 0;\r\n  }\r\n  .bc-heading-center p {\r\n    font-size: 15px;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* --- Section 1: Industries We Serve --- *\/\r\n  .bc-industries {\r\n    background-color: #0b1c3a; \/* Dark blue background *\/\r\n    color: #ffffff;\r\n  }\r\n  .bc-industries .bc-heading-center h2,\r\n  .bc-industries .bc-heading-center p {\r\n    color: #ffffff;\r\n  }\r\n  .bc-industries-grid {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    align-items: stretch;\r\n  }\r\n  .bc-industry-item {\r\n    width: 12.5%; \/* 8 columns *\/\r\n    text-align: center;\r\n    padding: 10px;\r\n    border-right: 1px solid rgba(255, 255, 255, 0.15);\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n  .bc-industry-item:last-child {\r\n    border-right: none;\r\n  }\r\n  .bc-industry-item svg {\r\n    width: 40px;\r\n    height: 40px;\r\n    margin-bottom: 15px;\r\n    stroke-width: 1.5;\r\n    fill: none;\r\n  }\r\n  .bc-industry-item span {\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n  }\r\n\r\n  \/* --- Section 2: Why Choose Brightcode? --- *\/\r\n  .bc-why-choose {\r\n    background-color: #ffffff;\r\n  }\r\n  .bc-why-choose .bc-heading-center h2 {\r\n    color: #0f172a;\r\n  }\r\n  .bc-highlight {\r\n    color: #f97316;\r\n    position: relative;\r\n    display: inline-block;\r\n  }\r\n  .bc-highlight::after {\r\n    content: '';\r\n    position: absolute;\r\n    left: 0;\r\n    bottom: -5px;\r\n    width: 100%;\r\n    height: 3px;\r\n    background-color: #f97316;\r\n    border-radius: 2px;\r\n  }\r\n  .bc-features-grid {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-items: stretch;\r\n  }\r\n  .bc-feature-item {\r\n    width: 16.666%; \/* 6 columns *\/\r\n    padding: 0 20px;\r\n    border-right: 1px solid #e2e8f0;\r\n  }\r\n  .bc-feature-item:last-child {\r\n    border-right: none;\r\n  }\r\n  .bc-icon-circle {\r\n    width: 50px;\r\n    height: 50px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 20px;\r\n  }\r\n  .bc-icon-circle svg {\r\n    width: 24px;\r\n    height: 24px;\r\n  }\r\n  .bc-feature-item h4 {\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    color: #0f172a;\r\n    margin: 0 0 10px 0;\r\n    line-height: 1.3;\r\n  }\r\n  .bc-feature-item p {\r\n    font-size: 13px;\r\n    color: #64748b;\r\n    margin: 0;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  \/* --- Section 3: Our Proven Process --- *\/\r\n  .bc-process {\r\n    background-color: #f8fafc;\r\n  }\r\n  .bc-process .bc-heading-center h2 {\r\n    color: #0f172a;\r\n  }\r\n  .bc-process .bc-heading-center p {\r\n    color: #64748b;\r\n  }\r\n  .bc-process-flex {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-start;\r\n    gap: 15px;\r\n  }\r\n  .bc-process-step {\r\n    flex: 1;\r\n    position: relative;\r\n  }\r\n  .bc-process-header {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-bottom: 15px;\r\n  }\r\n  .bc-process-icon {\r\n    width: 45px;\r\n    height: 45px;\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n  .bc-process-icon svg {\r\n    width: 22px;\r\n    height: 22px;\r\n  }\r\n  .bc-process-title {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n  .bc-process-num {\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n    color: #0f172a;\r\n    line-height: 1;\r\n  }\r\n  .bc-process-name {\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    color: #0f172a;\r\n  }\r\n  .bc-process-step p {\r\n    font-size: 12.5px;\r\n    color: #64748b;\r\n    margin: 0;\r\n    line-height: 1.5;\r\n  }\r\n  .bc-chevron {\r\n    position: absolute;\r\n    right: -15px;\r\n    top: 15px;\r\n    color: #94a3b8;\r\n    font-size: 18px;\r\n    font-weight: bold;\r\n  }\r\n\r\n  \/* --- Responsive Breakpoints --- *\/\r\n  @media (max-width: 1100px) {\r\n    .bc-feature-item { width: 33.333%; margin-bottom: 40px; border-right: none; }\r\n    .bc-process-flex { flex-wrap: wrap; }\r\n    .bc-process-step { min-width: 22%; margin-bottom: 30px; }\r\n    .bc-chevron { display: none; }\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .bc-industry-item { width: 25%; margin-bottom: 30px; border-right: none; }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .bc-feature-item { width: 50%; }\r\n    .bc-process-step { min-width: 45%; }\r\n  }\r\n\r\n  @media (max-width: 500px) {\r\n    .bc-industry-item { width: 50%; }\r\n    .bc-feature-item { width: 100%; text-align: center; }\r\n    .bc-icon-circle { margin: 0 auto 20px auto; }\r\n    .bc-process-step { min-width: 100%; }\r\n    .bc-process-header { flex-direction: column; text-align: center; }\r\n    .bc-process-step p { text-align: center; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"brightcode-wrapper\">\r\n\r\n  <!-- Section 1: Industries We Serve -->\r\n  <div class=\"bc-section bc-industries\">\r\n    <div class=\"bc-container\">\r\n      <div class=\"bc-heading-center\">\r\n        <h2>Industries We Serve<\/h2>\r\n        <p>We deliver tailored solutions for every industry.<\/p>\r\n      <\/div>\r\n      <div class=\"bc-industries-grid\">\r\n        <div class=\"bc-industry-item\">\r\n          <svg stroke=\"#06b6d4\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z\"><\/path><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 8v4m0 0v4m0-4h4m-4 0H8\"><\/path><\/svg>\r\n          <span>Healthcare<\/span>\r\n        <\/div>\r\n        <div class=\"bc-industry-item\">\r\n          <svg stroke=\"#a855f7\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 14l9-5-9-5-9 5 9 5z\"><\/path><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 14l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14z\"><\/path><\/svg>\r\n          <span>Education<\/span>\r\n        <\/div>\r\n        <div class=\"bc-industry-item\">\r\n          <svg stroke=\"#3b82f6\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4\"><\/path><\/svg>\r\n          <span>Real Estate<\/span>\r\n        <\/div>\r\n        <div class=\"bc-industry-item\">\r\n          <svg stroke=\"#ef4444\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\"><\/path><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"><\/path><\/svg>\r\n          <span>Manufacturing<\/span>\r\n        <\/div>\r\n        <div class=\"bc-industry-item\">\r\n          <svg stroke=\"#d946ef\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z\"><\/path><\/svg>\r\n          <span>Retail & E-Commerce<\/span>\r\n        <\/div>\r\n        <div class=\"bc-industry-item\">\r\n          <svg stroke=\"#f59e0b\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8 14v3m4-3v3m4-3v3M3 21h18M3 10h18M3 7l9-4 9 4M4 10h16v11H4V10z\"><\/path><\/svg>\r\n          <span>Finance & Banking<\/span>\r\n        <\/div>\r\n        <div class=\"bc-industry-item\">\r\n          <svg stroke=\"#10b981\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4\"><\/path><\/svg>\r\n          <span>Logistics & Transport<\/span>\r\n        <\/div>\r\n        <div class=\"bc-industry-item\">\r\n          <svg stroke=\"#f59e0b\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13.5 4.5L21 3l-1.5 7.5L13.5 4.5zM11 13l-4 4-2.5-1.5L3 21l3-1.5 1.5 2.5 4-4\"><\/path><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13.5 4.5l-2.5 2.5 6 6 2.5-2.5-6-6z\"><\/path><\/svg>\r\n          <span>Startups & SMEs<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Section 2: Why Choose Brightcode? -->\r\n  <div class=\"bc-section bc-why-choose\">\r\n    <div class=\"bc-container\">\r\n      <div class=\"bc-heading-center\">\r\n        <h2>Why Choose <span class=\"bc-highlight\">Brightcode<\/span>?<\/h2>\r\n      <\/div>\r\n      <div class=\"bc-features-grid\">\r\n        <div class=\"bc-feature-item\">\r\n          <div class=\"bc-icon-circle\" style=\"background-color: #fff6ed; color: #f97316;\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z\"><\/path><\/svg>\r\n          <\/div>\r\n          <h4>Dedicated Project<br>Manager<\/h4>\r\n          <p>Single point of contact for smooth communication and updates.<\/p>\r\n        <\/div>\r\n        <div class=\"bc-feature-item\">\r\n          <div class=\"bc-icon-circle\" style=\"background-color: #f3e8ff; color: #9333ea;\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\"><\/path><\/svg>\r\n          <\/div>\r\n          <h4>Agile Development<br>Process<\/h4>\r\n          <p>Iterative, flexible and transparent development for better results.<\/p>\r\n        <\/div>\r\n        <div class=\"bc-feature-item\">\r\n          <div class=\"bc-icon-circle\" style=\"background-color: #fdf4ff; color: #c026d3;\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"><\/path><\/svg>\r\n          <\/div>\r\n          <h4>Source Code<br>Ownership<\/h4>\r\n          <p>You own 100% of the source code and IP rights.<\/p>\r\n        <\/div>\r\n        <div class=\"bc-feature-item\">\r\n          <div class=\"bc-icon-circle\" style=\"background-color: #fffbeb; color: #d97706;\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n          <\/div>\r\n          <h4>On-time Delivery<br>Guaranteed<\/h4>\r\n          <p>We value your time and deliver projects as promised.<\/p>\r\n        <\/div>\r\n        <div class=\"bc-feature-item\">\r\n          <div class=\"bc-icon-circle\" style=\"background-color: #eff6ff; color: #2563eb;\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n          <\/div>\r\n          <h4>24\/7 Support &<br>Maintenance<\/h4>\r\n          <p>Round-the-clock support to keep your business running smoothly.<\/p>\r\n        <\/div>\r\n        <div class=\"bc-feature-item\">\r\n          <div class=\"bc-icon-circle\" style=\"background-color: #fdf2f8; color: #db2777;\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z\"><\/path><\/svg>\r\n          <\/div>\r\n          <h4>Transparent<br>Pricing<\/h4>\r\n          <p>No hidden costs. Clear and upfront pricing always.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Section 3: Our Proven Process -->\r\n  <div class=\"bc-section bc-process\">\r\n    <div class=\"bc-container\">\r\n      <div class=\"bc-heading-center\">\r\n        <h2>Our Proven Process<\/h2>\r\n        <p>A simple, transparent and effective approach.<\/p>\r\n      <\/div>\r\n      <div class=\"bc-process-flex\">\r\n        \r\n        <div class=\"bc-process-step\">\r\n          <div class=\"bc-process-header\">\r\n            <div class=\"bc-process-icon\" style=\"background-color: #eff6ff; color: #2563eb;\">\r\n              <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\"><\/path><\/svg>\r\n            <\/div>\r\n            <div class=\"bc-process-title\">\r\n              <span class=\"bc-process-num\">01<\/span>\r\n              <span class=\"bc-process-name\">Discovery<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <p>We understand your business, goals and challenges.<\/p>\r\n          <div class=\"bc-chevron\">&#10095;<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"bc-process-step\">\r\n          <div class=\"bc-process-header\">\r\n            <div class=\"bc-process-icon\" style=\"background-color: #f5f3ff; color: #7c3aed;\">\r\n              <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01\"><\/path><\/svg>\r\n            <\/div>\r\n            <div class=\"bc-process-title\">\r\n              <span class=\"bc-process-num\">02<\/span>\r\n              <span class=\"bc-process-name\">Planning<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <p>We plan the strategy, tech stack and project roadmap.<\/p>\r\n          <div class=\"bc-chevron\">&#10095;<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"bc-process-step\">\r\n          <div class=\"bc-process-header\">\r\n            <div class=\"bc-process-icon\" style=\"background-color: #f0fdf4; color: #16a34a;\">\r\n              <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z\"><\/path><\/svg>\r\n            <\/div>\r\n            <div class=\"bc-process-title\">\r\n              <span class=\"bc-process-num\">03<\/span>\r\n              <span class=\"bc-process-name\">Design<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <p>UI\/UX designs that are modern and user-friendly.<\/p>\r\n          <div class=\"bc-chevron\">&#10095;<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"bc-process-step\">\r\n          <div class=\"bc-process-header\">\r\n            <div class=\"bc-process-icon\" style=\"background-color: #eff6ff; color: #2563eb;\">\r\n              <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4\"><\/path><\/svg>\r\n            <\/div>\r\n            <div class=\"bc-process-title\">\r\n              <span class=\"bc-process-num\">04<\/span>\r\n              <span class=\"bc-process-name\">Development<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <p>Agile development with regular updates and testing.<\/p>\r\n          <div class=\"bc-chevron\">&#10095;<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"bc-process-step\">\r\n          <div class=\"bc-process-header\">\r\n            <div class=\"bc-process-icon\" style=\"background-color: #f0f9ff; color: #0284c7;\">\r\n              <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n            <\/div>\r\n            <div class=\"bc-process-title\">\r\n              <span class=\"bc-process-num\">05<\/span>\r\n              <span class=\"bc-process-name\">Testing<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <p>Rigorous quality checks to ensure bug-free delivery.<\/p>\r\n          <div class=\"bc-chevron\">&#10095;<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"bc-process-step\">\r\n          <div class=\"bc-process-header\">\r\n            <div class=\"bc-process-icon\" style=\"background-color: #fff7ed; color: #ea580c;\">\r\n              <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M13.5 4.5L21 3l-1.5 7.5L13.5 4.5zM11 13l-4 4-2.5-1.5L3 21l3-1.5 1.5 2.5 4-4\"><\/path><\/svg>\r\n            <\/div>\r\n            <div class=\"bc-process-title\">\r\n              <span class=\"bc-process-num\">06<\/span>\r\n              <span class=\"bc-process-name\">Launch<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <p>Deploy your solution and make it live successfully.<\/p>\r\n          <div class=\"bc-chevron\">&#10095;<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"bc-process-step\">\r\n          <div class=\"bc-process-header\">\r\n            <div class=\"bc-process-icon\" style=\"background-color: #fdf2f8; color: #db2777;\">\r\n              <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M18.364 5.636l-3.536 3.536m0 5.656l3.536 3.536M9.172 9.172L5.636 5.636m3.536 9.192l-3.536 3.536M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-5 0a4 4 0 11-8 0 4 4 0 018 0z\"><\/path><\/svg>\r\n            <\/div>\r\n            <div class=\"bc-process-title\">\r\n              <span class=\"bc-process-num\">07<\/span>\r\n              <span class=\"bc-process-name\">Support<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <p>Continuous support and improvements post-launch.<\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-e64f290 e-con e-atomic-element e-flexbox-base e-492b85d \" data-id=\"e64f290\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e64f290\">\n    \t\t<div class=\"elementor-element elementor-element-623e874 elementor-widget elementor-widget-html\" data-id=\"623e874\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"projects\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<!-- Google Fonts -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<!-- FontAwesome for Icons -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    \/* =========================================\r\n       Base & Wrapper Styles\r\n       ========================================= *\/\r\n    .wp-cs-wrapper {\r\n        font-family: 'Inter', sans-serif;\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n        line-height: 1.5;\r\n    }\r\n    \r\n    .wp-cs-wrapper *, .wp-cs-wrapper *::before, .wp-cs-wrapper *::after {\r\n        box-sizing: inherit;\r\n    }\r\n\r\n    .wp-cs-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .wp-cs-section-title {\r\n        text-align: center;\r\n        margin-bottom: 40px;\r\n        position: relative;\r\n    }\r\n\r\n    .wp-cs-section-title h2 {\r\n        font-size: 32px;\r\n        font-weight: 700;\r\n        margin-bottom: 10px;\r\n        position: relative;\r\n        display: inline-block;\r\n        padding-bottom: 15px;\r\n    }\r\n\r\n    \/* Orange Underline *\/\r\n    .wp-cs-section-title h2::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 40px;\r\n        height: 3px;\r\n        background-color: #F59E0B; \/* Orange *\/\r\n        border-radius: 2px;\r\n    }\r\n\r\n    \/* =========================================\r\n       Dark Section (Case Studies)\r\n       ========================================= *\/\r\n    .wp-cs-dark-section {\r\n        background-color: #0B1221;\r\n        padding: 80px 0;\r\n        color: #FFFFFF;\r\n    }\r\n\r\n    .wp-cs-dark-section .wp-cs-section-title h2 {\r\n        color: #FFFFFF;\r\n    }\r\n\r\n    .wp-cs-dark-section .wp-cs-subtitle {\r\n        color: #94A3B8;\r\n        font-size: 16px;\r\n    }\r\n\r\n    \/* =========================================\r\n       Light Section (Technologies)\r\n       ========================================= *\/\r\n    .wp-cs-light-section {\r\n        background-color: #F8FAFC;\r\n        padding: 80px 0;\r\n    }\r\n\r\n    .wp-cs-light-section .wp-cs-section-title h2 {\r\n        color: #0B1221;\r\n    }\r\n\r\n    .wp-cs-tech-grid {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n        gap: 40px 60px;\r\n        margin-top: 40px;\r\n    }\r\n\r\n    .wp-cs-tech-item {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n\r\n    .wp-cs-tech-item img {\r\n        height: 50px; \r\n        width: auto;\r\n        object-fit: contain;\r\n    }\r\n\r\n    .wp-cs-tech-item span {\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        color: #1E293B;\r\n    }\r\n\r\n    \/* =========================================\r\n       Responsive Adjustments\r\n       ========================================= *\/\r\n    @media (max-width: 768px) {\r\n        .wp-cs-tech-grid {\r\n            gap: 30px;\r\n        }\r\n        \r\n        .wp-cs-tech-item img {\r\n            height: 55px;\r\n        }\r\n    }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"wp-cs-wrapper\">\r\n    \r\n    <!-- Case Studies Section -->\r\n    <section class=\"wp-cs-dark-section\">\r\n        <div class=\"wp-cs-container\">\r\n            <div class=\"wp-cs-section-title\">\r\n                <h2>Case Studies<\/h2>\r\n                <p class=\"wp-cs-subtitle\">Real solutions. Real results.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Custom Gallery Replaces Previous Grid -->\r\n            <div class=\"bc-custom-gallery-wrapper\">\r\n              <style>\r\n                \/* Scoped CSS - Prefixing prevents theme conflicts *\/\r\n                .bc-gallery {\r\n                  display: grid;\r\n                  grid-template-columns: repeat(3, 1fr);\r\n                  gap: 24px; \/* Slightly increased gap for better breathing room *\/\r\n                  padding: 20px 0;\r\n                }\r\n\r\n                \/* Responsive fix for mobile *\/\r\n                @media (max-width: 768px) {\r\n                  .bc-gallery {\r\n                    grid-template-columns: repeat(1, 1fr);\r\n                  }\r\n                }\r\n\r\n                .bc-gallery-item {\r\n                  position: relative;\r\n                  aspect-ratio: 1\/1;\r\n                  overflow: hidden;\r\n                  border-radius: 10px; \/* Slightly rounder corners *\/\r\n                  background: #fff;\r\n                  \r\n                  \/* NEW: Added a border and stronger shadow to clearly separate items from the background *\/\r\n                  border: 1px solid #e5e7eb;\r\n                  box-shadow: 0 4px 12px rgba(0,0,0,0.08);\r\n                  \r\n                  transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n                  cursor: pointer;\r\n                }\r\n\r\n                .bc-gallery-item:hover {\r\n                  transform: scale(1.03);\r\n                  \/* Stronger shadow on hover to make the item pop *\/\r\n                  box-shadow: 0 10px 25px rgba(0,0,0,0.15);\r\n                }\r\n\r\n                .bc-gallery-item img {\r\n                  width: 100%;\r\n                  height: 100%;\r\n                  object-fit: cover;\r\n                  display: block;\r\n                  \/* Force browser to render downscaled images sharply *\/\r\n                  image-rendering: -webkit-optimize-contrast;\r\n                  image-rendering: high-quality;\r\n                }\r\n\r\n                .bc-gallery-caption {\r\n                  text-align: center;\r\n                  font-size: 16px;\r\n                  font-weight: bold;\r\n                  margin-top: 12px;\r\n                  color: #fff; \/* Changed from #333 to #fff for dark background visibility *\/\r\n                }\r\n\r\n                .bc-gallery-item .bc-plus-btn {\r\n                  position: absolute;\r\n                  top: 50%;\r\n                  left: 50%;\r\n                  transform: translate(-50%, -50%);\r\n                  font-size: 60px;\r\n                  color: #fff;\r\n                  background: rgba(0,0,0,0.6);\r\n                  border-radius: 50%;\r\n                  width: 80px;\r\n                  height: 80px;\r\n                  display: flex;\r\n                  justify-content: center;\r\n                  align-items: center;\r\n                  opacity: 0;\r\n                  cursor: pointer;\r\n                  transition: opacity 0.3s ease, transform 0.2s ease;\r\n                  user-select: none;\r\n                }\r\n\r\n                .bc-gallery-item:hover .bc-plus-btn {\r\n                  opacity: 1;\r\n                  transform: translate(-50%, -50%) scale(1.1);\r\n                }\r\n\r\n                \/* Modal Styles *\/\r\n                .bc-modal {\r\n                  display: none;\r\n                  position: fixed;\r\n                  inset: 0;\r\n                  background: rgba(0,0,0,0.95);\r\n                  z-index: 999999; \/* High enough to cover WP Admin Bar *\/\r\n                  justify-content: center;\r\n                  align-items: center;\r\n                  padding: 40px;\r\n                  flex-direction: column;\r\n                }\r\n\r\n                .bc-modal.active {\r\n                  display: flex; \/* Toggle class for JS *\/\r\n                }\r\n\r\n                .bc-modal-content {\r\n                  width: 95%;\r\n                  max-width: 1400px;\r\n                  height: 85%;\r\n                  overflow-y: auto;\r\n                  border-radius: 8px;\r\n                  display: flex;\r\n                  flex-direction: column;\r\n                  align-items: center; \r\n                }\r\n\r\n                \/* Fixed Image Sizing for standard web\/desktop projects *\/\r\n                .bc-modal-content img {\r\n                  max-width: 100%; \r\n                  height: auto; \r\n                  margin-bottom: 20px;\r\n                  border-radius: 6px;\r\n                  display: block;\r\n                  background: #fff; \r\n                }\r\n\r\n                \/* Dedicated Mobile Preview Styling with Anti-Blur rendering *\/\r\n                .bc-modal-content img.bc-mobile-preview {\r\n                  max-width: 400px !important; \/* Standard realistic mobile width *\/\r\n                  width: 100%;\r\n                  border: 14px solid #1a1a1a; \/* Fake phone bezel *\/\r\n                  border-radius: 40px !important; \/* Phone corners *\/\r\n                  box-shadow: 0 10px 40px rgba(0,0,0,0.6); \/* Deep shadow for depth *\/\r\n                  margin: 10px auto 40px auto;\r\n                  \r\n                  \/* Force browser to render sharply *\/\r\n                  image-rendering: -webkit-optimize-contrast;\r\n                  image-rendering: high-quality;\r\n                }\r\n\r\n                .bc-modal-title {\r\n                  color: #fff;\r\n                  font-size: 26px;\r\n                  margin-bottom: 20px;\r\n                  text-align: center;\r\n                  font-weight: bold;\r\n                }\r\n\r\n                .bc-modal-close {\r\n                  position: absolute;\r\n                  top: 20px;\r\n                  right: 30px;\r\n                  font-size: 40px;\r\n                  line-height: 1;\r\n                  font-weight: bold;\r\n                  color: #fff;\r\n                  cursor: pointer;\r\n                  z-index: 1000000;\r\n                }\r\n              <\/style>\r\n\r\n              <div class=\"bc-gallery\">\r\n                <div>\r\n                  <div class=\"bc-gallery-item bc-trigger\" data-id=\"1\">\r\n                    <img decoding=\"async\" src=\"https:\/\/brightcodess.com\/wp-content\/uploads\/2026\/07\/scooby.png\" alt=\"Project 1\">\r\n                    <div class=\"bc-plus-btn\">+<\/div>\r\n                  <\/div>\r\n                  <div class=\"bc-gallery-caption\">Mobile Application<\/div>\r\n                <\/div>\r\n                <div>\r\n                  <div class=\"bc-gallery-item bc-trigger\" data-id=\"2\">\r\n                    <img decoding=\"async\" src=\"https:\/\/brightcodess.com\/wp-content\/uploads\/2026\/07\/dashboard-crm.webp\" alt=\"Project 2\">\r\n                    <div class=\"bc-plus-btn\">+<\/div>\r\n                  <\/div>\r\n                  <div class=\"bc-gallery-caption\">CRM Dashboard<\/div>\r\n                <\/div>\r\n                <div>\r\n                  <div class=\"bc-gallery-item bc-trigger\" data-id=\"3\">\r\n                    <img decoding=\"async\" src=\"https:\/\/brightcodess.com\/wp-content\/uploads\/2026\/07\/ecomewebsite.webp\" alt=\"Project 3\">\r\n                    <div class=\"bc-plus-btn\">+<\/div>\r\n                  <\/div>\r\n                  <div class=\"bc-gallery-caption\">Ecommerce Website<\/div>\r\n                <\/div>\r\n                \r\n                <!-- Car Booking App -->\r\n                <div>\r\n                  <div class=\"bc-gallery-item bc-trigger\" data-id=\"4\">\r\n                    <img decoding=\"async\" src=\"https:\/\/brightcodess.com\/bengaluru\/wp-content\/uploads\/2026\/07\/Cab-Booking_App-UI-New-1.webp\" alt=\"Car Booking App\">\r\n                    <div class=\"bc-plus-btn\">+<\/div>\r\n                  <\/div>\r\n                  <div class=\"bc-gallery-caption\">Car Booking App<\/div>\r\n                <\/div>\r\n                \r\n                <!-- Food Delivery App -->\r\n                <div>\r\n                  <div class=\"bc-gallery-item bc-trigger\" data-id=\"5\">\r\n                    <img decoding=\"async\" src=\"https:\/\/brightcodess.com\/bengaluru\/wp-content\/uploads\/2026\/07\/Food-Delivery-App_UI-1_11zon.webp\" alt=\"Food Delivery App\">\r\n                    <div class=\"bc-plus-btn\">+<\/div>\r\n                  <\/div>\r\n                  <div class=\"bc-gallery-caption\">Food Delivery App<\/div>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div id=\"bcProjectModal\" class=\"bc-modal\">\r\n                <span class=\"bc-modal-close\" id=\"bcCloseBtn\">&times;<\/span>\r\n                <div class=\"bc-modal-title\" id=\"bcModalTitle\"><\/div>\r\n                <div class=\"bc-modal-content\" id=\"bcModalImages\">\r\n                  <\/div>\r\n              <\/div>\r\n\r\n              <script>\r\n                \/\/ Wraps everything in an event listener to prevent WordPress plugin conflicts\r\n                document.addEventListener(\"DOMContentLoaded\", function() {\r\n                  \r\n                  const projectData = {\r\n                    1: {\r\n                      name: \"Mobile Application\",\r\n                      type: \"mobile\", \r\n                      images: [\r\n                        \"https:\/\/brightcodess.com\/bengaluru\/wp-content\/uploads\/2026\/07\/Scooby_Driver_App_01_New-1_1_11zon.jpg\"\r\n                      ]\r\n                    },\r\n                    2: {\r\n                      name: \"CRM Dashboard\",\r\n                      type: \"desktop\", \r\n                      images: [\r\n                        \"https:\/\/brightcodess.com\/wp-content\/uploads\/2026\/07\/dashboard-crm.webp\"\r\n                      ]\r\n                    },\r\n                    3: {\r\n                      name: \"Ecommerce Website\",\r\n                      type: \"desktop\", \r\n                      images: [\r\n                        \"https:\/\/brightcodess.com\/wp-content\/uploads\/2026\/07\/ecomewebsite.webp\"\r\n                      ]\r\n                    },\r\n                    4: {\r\n                      name: \"Car Booking App\",\r\n                      type: \"mobile\",\r\n                      images: [\r\n                        \"https:\/\/brightcodess.com\/bengaluru\/wp-content\/uploads\/2026\/07\/Cab-Booking_App-UI-New-1.webp\"\r\n                      ]\r\n                    },\r\n                    5: {\r\n                      name: \"Food Delivery App\",\r\n                      type: \"mobile\",\r\n                      images: [\r\n                        \"https:\/\/brightcodess.com\/bengaluru\/wp-content\/uploads\/2026\/07\/Food-Delivery-App_UI-1_11zon.webp\"\r\n                      ]\r\n                    }\r\n                  };\r\n\r\n                  const modal = document.getElementById(\"bcProjectModal\");\r\n                  const modalImages = document.getElementById(\"bcModalImages\");\r\n                  const modalTitle = document.getElementById(\"bcModalTitle\");\r\n                  const closeBtn = document.getElementById(\"bcCloseBtn\");\r\n                  const triggers = document.querySelectorAll(\".bc-trigger\");\r\n\r\n                  \/\/ Open Modal Logic\r\n                  triggers.forEach(trigger => {\r\n                    trigger.addEventListener(\"click\", function() {\r\n                      const id = this.getAttribute(\"data-id\");\r\n                      const data = projectData[id];\r\n\r\n                      if(data) {\r\n                        modalTitle.textContent = data.name;\r\n                        modalImages.innerHTML = \"\"; \r\n                        \r\n                        data.images.forEach(src => {\r\n                          const img = document.createElement(\"img\");\r\n                          img.src = src;\r\n                          \r\n                          if (data.type === \"mobile\") {\r\n                            img.classList.add(\"bc-mobile-preview\");\r\n                          }\r\n\r\n                          modalImages.appendChild(img);\r\n                        });\r\n                        \r\n                        modal.classList.add(\"active\");\r\n                        document.body.style.overflow = \"hidden\";\r\n                      }\r\n                    });\r\n                  });\r\n\r\n                  \/\/ Close Modal Logic\r\n                  function closeModal() {\r\n                    modal.classList.remove(\"active\");\r\n                    document.body.style.overflow = \"auto\";\r\n                  }\r\n\r\n                  closeBtn.addEventListener(\"click\", closeModal);\r\n\r\n                  \/\/ Close when clicking outside the content\r\n                  window.addEventListener(\"click\", function(event) {\r\n                    if (event.target === modal) {\r\n                      closeModal();\r\n                    }\r\n                  });\r\n                  \r\n                  \/\/ Close on Escape key press\r\n                  document.addEventListener(\"keydown\", function(event) {\r\n                    if (event.key === \"Escape\" && modal.classList.contains(\"active\")) {\r\n                      closeModal();\r\n                    }\r\n                  });\r\n\r\n                });\r\n              <\/script>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Technologies Section -->\r\n    <section class=\"wp-cs-light-section\">\r\n        <div class=\"wp-cs-container\">\r\n            <div class=\"wp-cs-section-title\">\r\n                <h2>Technologies We Use<\/h2>\r\n            <\/div>\r\n\r\n            <div class=\"wp-cs-tech-grid\">\r\n                <!-- IMPORTANT: Replace the placeholder URLs below with the actual paths to your logo images -->\r\n                <div class=\"wp-cs-tech-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/1.png\" alt=\"PHP\">\r\n                    <span><\/span>\r\n                <\/div>\r\n                <div class=\"wp-cs-tech-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/9.png\" alt=\"Laravel\">\r\n                    <span><\/span>\r\n                <\/div>\r\n                <div class=\"wp-cs-tech-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/Untitled-design-1.png\" alt=\"WordPress\">\r\n                    <span><\/span>\r\n                <\/div>\r\n                <div class=\"wp-cs-tech-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/8.png\" alt=\"React\">\r\n                    <span><\/span>\r\n                <\/div>\r\n                <div class=\"wp-cs-tech-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/7.png\" alt=\"Next.js\">\r\n                    <span><\/span>\r\n                <\/div>\r\n                <div class=\"wp-cs-tech-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/6.png\" alt=\"Node.js\">\r\n                    <span><\/span>\r\n                <\/div>\r\n                <div class=\"wp-cs-tech-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/5.png\" alt=\"Flutter\">\r\n                    <span><\/span>\r\n                <\/div>\r\n                <div class=\"wp-cs-tech-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/4.png\" alt=\"AWS\">\r\n                    <span><\/span>\r\n                <\/div>\r\n                <div class=\"wp-cs-tech-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/3.png\" alt=\"MySQL\">\r\n                    <span><\/span>\r\n                <\/div>\r\n                <div class=\"wp-cs-tech-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/2.png\" alt=\"MongoDB\">\r\n                    <span><\/span>\r\n                <\/div>\r\n                <div class=\"wp-cs-tech-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/Untitled-design-2.png\" alt=\"PHP\">\r\n                    <span><\/span>\r\n                <\/div><div class=\"wp-cs-tech-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/Untitled-design-3.png\" alt=\".NET\">\r\n                    <span><\/span>\r\n                <\/div><div class=\"wp-cs-tech-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/Untitled-design-4.png\" alt=\"MongoDB\">\r\n                    <span><\/span>\r\n                <\/div>\r\n                <div class=\"wp-cs-tech-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/html.webp\" alt=\"MongoDB\">\r\n                    <span><\/span>\r\n                <\/div>\r\n                <div class=\"wp-cs-tech-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/css-scaled.webp\" alt=\"MongoDB\">\r\n                    <span><\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-bc8eb99 e-flex e-con-boxed e-con e-parent\" data-id=\"bc8eb99\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a8b2dd5 elementor-widget elementor-widget-html\" data-id=\"a8b2dd5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t <section class=\"wp-cs-section\">\r\n        <div class=\"wp-cs-container\">\r\n            <div class=\"wp-cs-section-title\">\r\n                <h2>What Clients Says About Us <\/h2>\r\n               \r\n            <\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-62c127d e-con e-atomic-element e-flexbox-base e-1f7757c \" data-id=\"62c127d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"62c127d\">\n    \t\t<div class=\"elementor-element elementor-element-7e0cac8 elementor-widget elementor-widget-shortcode\" data-id=\"7e0cac8\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"testimonial\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"wp-gr rpi wpac\" data-id=\"5549\" data-layout=\"slider\" data-exec=\"false\" data-options='{&quot;text_size&quot;:&quot;&quot;,&quot;trans&quot;:{&quot;read more&quot;:&quot;read more&quot;}}'><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"display:none!important\"><symbol id=\"grw-tripadvisor\" viewBox=\"0 0 713.496 713.496\"><g><circle fill=\"#34E0A1\" cx=\"356.749\" cy=\"356.748\" r=\"356.748\"\/><path d=\"M577.095,287.152l43.049-46.836h-95.465c-47.792-32.646-105.51-51.659-167.931-51.659   c-62.342,0-119.899,19.054-167.612,51.659H93.432l43.049,46.836c-26.387,24.075-42.929,58.754-42.929,97.259   c0,72.665,58.914,131.578,131.579,131.578c34.519,0,65.968-13.313,89.446-35.077l42.172,45.919l42.172-45.879   c23.478,21.764,54.887,35.037,89.406,35.037c72.665,0,131.658-58.913,131.658-131.578   C620.024,345.866,603.483,311.188,577.095,287.152z M225.17,473.458c-49.188,0-89.047-39.859-89.047-89.047   s39.86-89.048,89.047-89.048c49.187,0,89.047,39.86,89.047,89.048S274.357,473.458,225.17,473.458z M356.788,381.82   c0-58.595-42.61-108.898-98.853-130.383c30.413-12.716,63.776-19.771,98.813-19.771s68.439,7.055,98.853,19.771   C399.399,272.962,356.788,323.226,356.788,381.82z M488.367,473.458c-49.188,0-89.048-39.859-89.048-89.047   s39.86-89.048,89.048-89.048s89.047,39.86,89.047,89.048S537.554,473.458,488.367,473.458z M488.367,337.694   c-25.79,0-46.677,20.887-46.677,46.677c0,25.789,20.887,46.676,46.677,46.676c25.789,0,46.676-20.887,46.676-46.676   C535.042,358.621,514.156,337.694,488.367,337.694z M271.846,384.411c0,25.789-20.887,46.676-46.676,46.676   s-46.676-20.887-46.676-46.676c0-25.79,20.887-46.677,46.676-46.677C250.959,337.694,271.846,358.621,271.846,384.411z\"\/><\/g><\/symbol><symbol id=\"grw-google\" viewBox=\"0 0 512 512\"><g fill=\"none\" fill-rule=\"evenodd\"><path d=\"M482.56 261.36c0-16.73-1.5-32.83-4.29-48.27H256v91.29h127.01c-5.47 29.5-22.1 54.49-47.09 71.23v59.21h76.27c44.63-41.09 70.37-101.59 70.37-173.46z\" fill=\"#4285f4\"\/><path d=\"M256 492c63.72 0 117.14-21.13 156.19-57.18l-76.27-59.21c-21.13 14.16-48.17 22.53-79.92 22.53-61.47 0-113.49-41.51-132.05-97.3H45.1v61.15c38.83 77.13 118.64 130.01 210.9 130.01z\" fill=\"#34a853\"\/><path d=\"M123.95 300.84c-4.72-14.16-7.4-29.29-7.4-44.84s2.68-30.68 7.4-44.84V150.01H45.1C29.12 181.87 20 217.92 20 256c0 38.08 9.12 74.13 25.1 105.99l78.85-61.15z\" fill=\"#fbbc05\"\/><path d=\"M256 113.86c34.65 0 65.76 11.91 90.22 35.29l67.69-67.69C373.03 43.39 319.61 20 256 20c-92.25 0-172.07 52.89-210.9 130.01l78.85 61.15c18.56-55.78 70.59-97.3 132.05-97.3z\" fill=\"#ea4335\"\/><path d=\"M20 20h472v472H20V20z\"\/><\/g><\/symbol><\/svg><div class=\"grw-row grw-row-m\" data-options='{&quot;speed&quot;:3,&quot;autoplay&quot;:true,&quot;mousestop&quot;:true,&quot;breakpoints&quot;:&quot;&quot;}'><div class=\"grw-header\"><div class=\"grw-header-inner rpi-flx rpi-row12\"><div class=\"grw-img-wrap\"><img loading=\"lazy\" decoding=\"async\" class=\"grw-img\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/ChIJ5-u0S2kRrjsR20xxCI3TGGM.jpg\" loading=\"lazy\" alt=\"Brightcode Software Services Pvt. Ltd. place picture\" width=\"50\" height=\"50\" onerror=\"if(this.src!='data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7')this.src='data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7';\" ><\/div><div class=\"rpi-flx rpi-col8\"><div class=\"wp-google-name\"><a href=\"https:\/\/maps.google.com\/?cid=7140689811881413851&#038;g_mp=CiVnb29nbGUubWFwcy5wbGFjZXMudjEuUGxhY2VzLkdldFBsYWNlEAIYBCAA\" target=\"_blank\" rel=\"nofollow noopener\">Brightcode Software Services Pvt. Ltd.<\/a><\/div><span class=\"rpi-stars\" style=\"--rating:4.5\">4.5<\/span><div class=\"wp-google-powered\" role=\"img\" aria-label=\"powered by Google\">powered by <span aria-hidden=\"true\"><span style=\"color:#3c6df0!important\">G<\/span><span style=\"color:#d93025!important\">o<\/span><span style=\"color:#fb8e28!important\">o<\/span><span style=\"color:#3c6df0!important\">g<\/span><span style=\"color:#188038!important\">l<\/span><span style=\"color:#d93025!important\">e<\/span><\/span><\/div><div class=\"wp-google-wr\"><a href=\"https:\/\/search.google.com\/local\/writereview?placeid=ChIJ5-u0S2kRrjsR20xxCI3TGGM\" target=\"_blank\" rel=\"nofollow noopener\" onclick=\"return rplg_leave_review_window.call(this)\">review us on<svg height=\"16\" width=\"16\" role=\"none\"><use href=\"#grw-google\"><\/use><\/svg><\/a><\/div><\/div><\/div><\/div><div class=\"rpi-slides-root grw-content\"><div class=\"grw-content-inner\"><button class=\"rpi-ltgt rpi-lt grw-prev\" tabindex=\"0\"><\/button><div class=\"rpi-slides grw-reviews rpi-slides-bite\" data-count=\"4\" data-offset=\"4\"><div class=\"rpi-slide grw-review\"><div class=\"rpi-flx rpi-col12 grw-review-inner grw-backgnd grw-round\"><div class=\"rpi-flx rpi-row12-center\"><div class=\"grw-img-wrap\"><img loading=\"lazy\" decoding=\"async\" class=\"grw-img\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/ChIJ5-u0S2kRrjsR20xxCI3TGGM_f6c131f012e88d00287f7317363b6caf.jpg\" loading=\"lazy\" alt=\"Manohar Joshi profile picture\" width=\"50\" height=\"50\" onerror=\"if(this.src!='https:\/\/solutions.brightcodess.com\/wp-content\/plugins\/widget-google-reviews\/assets\/img\/guest.png')this.src='https:\/\/solutions.brightcodess.com\/wp-content\/plugins\/widget-google-reviews\/assets\/img\/guest.png';\" ><\/div><div class=\"rpi-flx rpi-col6\"><a href=\"https:\/\/www.google.com\/maps\/contrib\/110941768288081467925\/reviews\" class=\"wp-google-name\" target=\"_blank\" rel=\"nofollow noopener\">Manohar Joshi<\/a><div class=\"wp-google-time\" data-time=\"1772462093\" data-lang=\"en\">7 months ago<\/div><\/div><\/div><span class=\"rpi-stars\" style=\"--rating:5\"><\/span><div class=\"rpi-flx rpi-col4\"><div class=\"wp-google-feedback grw-scroll\" ><span class=\"wp-google-text\">My previous project \u2014 building a website \u2014 was completed satisfactorily, so I was awarded a second project to develop an LMS. However, it has now been over 40 working days with no acceptable progress. I am extremely disappointed and may pursue legal action soon.<br \/><br \/>The point of contact, Jyotirmoy, has provided very poor service and his communication has been unacceptable.<br \/><br \/>To anyone looking for an LMS developer: I strongly recommend seeking someone else.<br \/><br \/>Please stay tuned for a detailed account of my full experience and how I have been treated.<br \/>Sales person Pallavi, she dont attend call, Ankit, he don't attend calls and claims he is sick. I respect his health, however atleast he can acknowledge to my message.<br \/><br \/>Old review. Website feedback. I \"wanted to take a moment to express my heartfelt appreciation for the outstanding service I\u2019ve received from Brightcode Software Services\u2014especially through Mr.\u202fBaibhaw and his team.<br \/><br \/>From the very first interaction with Ms.\u202fPallavi, I felt heard and valued. She patiently explained their offerings, addressed all my concerns, and convinced me to give them a chance. Her sincerity and confidence made me trust that Brightcode could actually deliver what they promised.<br \/><br \/>Then I was introduced to Mr.\u202fBaibhaw, whose \u201cnever say no\u201d attitude immediately stood out. He didn\u2019t just push a canned solution\u2014he listened carefully to my requirements, understood my vision, and assured me that his team would deliver. And they absolutely did.<br \/><br \/>Within just a few days, their team presented me with the website. My first impression was simply: wow. It hit the mark in terms of design, functionality, and user experience\u2014exactly what I needed. Brightcode is truly fortunate to have such talents on board\u2014people who pay full attention to detail and deliver magic.<br \/><br \/>Kudos to Mr.\u202fBaibhaw, and the entire Brightcode team for being so committed, professional, and customer\u2011centric. You have more than met my expectations. Great job! &#x1f44f;<\/span><\/div><\/div><svg height=\"16\" width=\"16\" role=\"none\"><use href=\"#grw-google\"\/><\/svg><\/div><\/div><div class=\"rpi-slide grw-review\"><div class=\"rpi-flx rpi-col12 grw-review-inner grw-backgnd grw-round\"><div class=\"rpi-flx rpi-row12-center\"><div class=\"grw-img-wrap\"><img loading=\"lazy\" decoding=\"async\" class=\"grw-img\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/ChIJ5-u0S2kRrjsR20xxCI3TGGM_856b84b8d3dcd1f93ea7fcb8032cf532.jpg\" loading=\"lazy\" alt=\"Niranjan Wagh profile picture\" width=\"50\" height=\"50\" onerror=\"if(this.src!='https:\/\/solutions.brightcodess.com\/wp-content\/plugins\/widget-google-reviews\/assets\/img\/guest.png')this.src='https:\/\/solutions.brightcodess.com\/wp-content\/plugins\/widget-google-reviews\/assets\/img\/guest.png';\" ><\/div><div class=\"rpi-flx rpi-col6\"><a href=\"https:\/\/www.google.com\/maps\/contrib\/110146336838615948062\/reviews\" class=\"wp-google-name\" target=\"_blank\" rel=\"nofollow noopener\">Niranjan Wagh<\/a><div class=\"wp-google-time\" data-time=\"1772083587\" data-lang=\"en\">7 months ago<\/div><\/div><\/div><span class=\"rpi-stars\" style=\"--rating:5\"><\/span><div class=\"rpi-flx rpi-col4\"><div class=\"wp-google-feedback grw-scroll\" ><span class=\"wp-google-text\">I had a great experience working with Brightcode Software they work in a systematic method. I can\u2019t be more thankful for the designing work they completed<br \/><br \/>I would recommend them for development work.<\/span><\/div><\/div><svg height=\"16\" width=\"16\" role=\"none\"><use href=\"#grw-google\"\/><\/svg><\/div><\/div><div class=\"rpi-slide grw-review\"><div class=\"rpi-flx rpi-col12 grw-review-inner grw-backgnd grw-round\"><div class=\"rpi-flx rpi-row12-center\"><div class=\"grw-img-wrap\"><img loading=\"lazy\" decoding=\"async\" class=\"grw-img\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/ChIJ5-u0S2kRrjsR20xxCI3TGGM_210916d3701dd1a702cf26f4ee5984bf.jpg\" loading=\"lazy\" alt=\"ANVIKSHA YATIN SHAH profile picture\" width=\"50\" height=\"50\" onerror=\"if(this.src!='https:\/\/solutions.brightcodess.com\/wp-content\/plugins\/widget-google-reviews\/assets\/img\/guest.png')this.src='https:\/\/solutions.brightcodess.com\/wp-content\/plugins\/widget-google-reviews\/assets\/img\/guest.png';\" ><\/div><div class=\"rpi-flx rpi-col6\"><a href=\"https:\/\/www.google.com\/maps\/contrib\/105421600763674453502\/reviews\" class=\"wp-google-name\" target=\"_blank\" rel=\"nofollow noopener\">ANVIKSHA YATIN SHAH<\/a><div class=\"wp-google-time\" data-time=\"1768211870\" data-lang=\"en\">9 months ago<\/div><\/div><\/div><span class=\"rpi-stars\" style=\"--rating:5\"><\/span><div class=\"rpi-flx rpi-col4\"><div class=\"wp-google-feedback grw-scroll\" ><span class=\"wp-google-text\">We had a very good experience working with this  company for our business. Their team understood our requirements clearly and delivered the work with professionalism and dedication.<br \/>A special mention to Ms. Arzoo, who has been extremely supportive, responsive, and committed throughout the project. She guided us at every step, shared valuable suggestions, and ensured timely execution of all tasks. Her communication and follow-up made the entire process smooth and stress-free.<br \/>We are satisfied with the quality of work and the results achieved for our business. We truly appreciate the efforts of Ms. Arzoo and the entire team, and we would definitely recommend this company to anyone looking for reliable Software services.<br \/>Thank you for the great support and service.<\/span><\/div><\/div><svg height=\"16\" width=\"16\" role=\"none\"><use href=\"#grw-google\"\/><\/svg><\/div><\/div><div class=\"rpi-slide grw-review\"><div class=\"rpi-flx rpi-col12 grw-review-inner grw-backgnd grw-round\"><div class=\"rpi-flx rpi-row12-center\"><div class=\"grw-img-wrap\"><img loading=\"lazy\" decoding=\"async\" class=\"grw-img\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/ChIJ5-u0S2kRrjsR20xxCI3TGGM_2b57af61ab93395a32fbc14a219e21c6.jpg\" loading=\"lazy\" alt=\"Shantha Jyothi S profile picture\" width=\"50\" height=\"50\" onerror=\"if(this.src!='https:\/\/solutions.brightcodess.com\/wp-content\/plugins\/widget-google-reviews\/assets\/img\/guest.png')this.src='https:\/\/solutions.brightcodess.com\/wp-content\/plugins\/widget-google-reviews\/assets\/img\/guest.png';\" ><\/div><div class=\"rpi-flx rpi-col6\"><a href=\"https:\/\/www.google.com\/maps\/contrib\/112261087279243645277\/reviews\" class=\"wp-google-name\" target=\"_blank\" rel=\"nofollow noopener\">Shantha Jyothi S<\/a><div class=\"wp-google-time\" data-time=\"1750152188\" data-lang=\"en\">1 year ago<\/div><\/div><\/div><span class=\"rpi-stars\" style=\"--rating:5\"><\/span><div class=\"rpi-flx rpi-col4\"><div class=\"wp-google-feedback grw-scroll\" ><span class=\"wp-google-text\">I\u2019m really happy with both the software and the service I received from \"Brightcode Software Services\"<br \/>The team was extremely helpful from start to finish, making sure everything was set up just the way I wanted.<br \/>The software is really user friendly , reliable, and performs exceptionally well it made a positive difference in our daily operations.<br \/>I\u2019m looking forward to continuing our work with this company<\/span><\/div><\/div><svg height=\"16\" width=\"16\" role=\"none\"><use href=\"#grw-google\"\/><\/svg><\/div><\/div><\/div><button class=\"rpi-ltgt rpi-gt grw-next\" tabindex=\"0\"><\/button><div class=\"rpi-dots-wrap\"><div class=\"rpi-dots\"><\/div><\/div><\/div><\/div><\/div><script>(function(p){if(!p)return;let w=p.offsetWidth,m=function(a,b){return Math.min(a,b)===a};p.querySelector('.grw-row').classList.replace('grw-row-m','grw-row-'+(m(w,510)?'xs':m(w,750)?'x':m(w,1100)?'s':m(w,1450)?'m':m(w,1800)?'l':'xl'))})(document.currentScript?.parentElement)<\/script><\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-9b76274 e-con e-atomic-element e-flexbox-base e-9db5e20 \" data-id=\"9b76274\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9b76274\">\n    \t\t<div class=\"elementor-element elementor-element-0773ead elementor-widget elementor-widget-html\" data-id=\"0773ead\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"faq\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* Base Reset & Variables for this specific section *\/\r\n  .wp-landing-section {\r\n    --primary-text: #000000;\r\n    --secondary-text: #00000;\r\n    --accent-orange: #f97316;\r\n    --star-gold: #f59e0b;\r\n    --bg-light: #ffffff;\r\n    --bg-faq: #f8fafc;\r\n    --border-radius: 12px;\r\n    --shadow: 0 10px 25px rgba(0, 0, 0, 0.05);\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n    color: var(--primary-text);\r\n    line-height: 1.6;\r\n    margin: 0 auto;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n  }\r\n  \r\n  .wp-landing-section * {\r\n    box-sizing: inherit;\r\n  }\r\n\r\n  \/* --- Testimonials Section --- *\/\r\n  .testimonials-container {\r\n    padding: 60px 20px;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .section-header {\r\n    text-align: center;\r\n    margin-bottom: 50px;\r\n  }\r\n\r\n  .section-header h2 {\r\n    font-size: 2rem;\r\n    font-weight: 700;\r\n    margin-bottom: 8px;\r\n    color: var(--primary-text);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n  }\r\n\r\n  .quote-icon {\r\n    color: var(--accent-orange);\r\n    font-size: 2.5rem;\r\n    line-height: 1;\r\n  }\r\n\r\n  .section-header p {\r\n    color: var(--secondary-text);\r\n    font-size: 1.1rem;\r\n    margin: 0;\r\n  }\r\n\r\n  .testimonial-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n    gap: 30px;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .testimonial-card {\r\n    background: var(--bg-light);\r\n    border-radius: var(--border-radius);\r\n    padding: 30px;\r\n    box-shadow: var(--shadow);\r\n    display: flex;\r\n    flex-direction: column;\r\n    border: 1px solid #f1f5f9;\r\n  }\r\n\r\n  .client-meta {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n    margin-bottom: 15px;\r\n  }\r\n\r\n  .client-avatar {\r\n    width: 60px;\r\n    height: 60px;\r\n    border-radius: 50%;\r\n    object-fit: cover;\r\n  }\r\n\r\n  .client-info h4 {\r\n    margin: 0;\r\n    font-size: 1.1rem;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .client-info span {\r\n    font-size: 0.85rem;\r\n    color: var(--secondary-text);\r\n  }\r\n\r\n  .stars {\r\n    color: var(--star-gold);\r\n    font-size: 1.2rem;\r\n    margin-bottom: 15px;\r\n    letter-spacing: 2px;\r\n  }\r\n\r\n  .quote-text {\r\n    color: var(--secondary-text);\r\n    font-size: 0.95rem;\r\n    flex-grow: 1;\r\n    margin-bottom: 25px;\r\n    position: relative;\r\n    padding-left: 20px;\r\n  }\r\n\r\n  .quote-text::before {\r\n    content: \"\u201c\";\r\n    position: absolute;\r\n    left: -5px;\r\n    top: -10px;\r\n    font-size: 3rem;\r\n    color: #cbd5e1; \/* Slightly darkened the quote marks as well to match the contrast *\/\r\n    font-family: serif;\r\n    line-height: 1;\r\n  }\r\n  \r\n  .quote-text::after {\r\n    content: \"\u201d\";\r\n    font-size: 1.5rem;\r\n    color: #cbd5e1;\r\n    font-family: serif;\r\n    vertical-align: bottom;\r\n  }\r\n\r\n  .company-logo-placeholder {\r\n    text-align: center;\r\n    font-weight: 700;\r\n    color: var(--primary-text);\r\n    padding-top: 15px;\r\n    border-top: 1px solid #f1f5f9;\r\n  }\r\n\r\n  \/* --- Rating Summary --- *\/\r\n  .rating-summary {\r\n    text-align: center;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 5px;\r\n  }\r\n\r\n  .rating-main {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n    font-size: 1.2rem;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .rating-main .score {\r\n    font-size: 2rem;\r\n    font-weight: 800;\r\n  }\r\n\r\n  .rating-summary .stars {\r\n    font-size: 1.5rem;\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  .rating-sub {\r\n    color: var(--secondary-text);\r\n    font-size: 0.9rem;\r\n  }\r\n\r\n  \/* --- FAQ Section --- *\/\r\n  .faq-wrapper {\r\n    background-color: var(--bg-faq);\r\n    padding: 60px 20px;\r\n  }\r\n\r\n  .faq-container {\r\n    max-width: 1000px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .faq-header {\r\n    text-align: center;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .faq-header h2 {\r\n    font-size: 2rem;\r\n    font-weight: 700;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    margin-bottom: 15px;\r\n  }\r\n  \r\n  .faq-icon {\r\n    color: #3b82f6;\r\n    font-size: 1.8rem;\r\n  }\r\n\r\n  .faq-underline {\r\n    width: 50px;\r\n    height: 3px;\r\n    background-color: var(--accent-orange);\r\n    margin: 0 auto;\r\n    border-radius: 2px;\r\n  }\r\n\r\n  .faq-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 20px;\r\n  }\r\n\r\n  .faq-item {\r\n    background: var(--bg-light);\r\n    border-radius: 8px;\r\n    border: 1px solid #e2e8f0;\r\n    box-shadow: 0 2px 5px rgba(0,0,0,0.02);\r\n    overflow: hidden;\r\n  }\r\n\r\n  .faq-item summary {\r\n    padding: 20px;\r\n    font-weight: 600;\r\n    font-size: 0.95rem;\r\n    cursor: pointer;\r\n    list-style: none;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n  }\r\n\r\n  \/* Hide default details marker *\/\r\n  .faq-item summary::-webkit-details-marker {\r\n    display: none;\r\n  }\r\n\r\n  .faq-item summary::after {\r\n    content: \"\u25bc\";\r\n    font-size: 0.8rem;\r\n    color: var(--secondary-text);\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .faq-item[open] summary::after {\r\n    transform: rotate(180deg);\r\n  }\r\n\r\n  .faq-content {\r\n    padding: 0 20px 20px;\r\n    color: var(--secondary-text);\r\n    font-size: 0.9rem;\r\n  }\r\n\r\n  \/* Responsive Adjustments *\/\r\n  @media (max-width: 768px) {\r\n    .faq-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n    \r\n    .rating-main {\r\n      flex-direction: column;\r\n      gap: 5px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"wp-landing-section\">\r\n  \r\n  <!-- Testimonials Section -->\r\n  <!--<div class=\"testimonials-container\">-->\r\n  <!--  <div class=\"section-header\">-->\r\n  <!--    <h2><span class=\"quote-icon\">\u201c<\/span> What Our Clients Say<\/h2>-->\r\n  <!--    <p>We build lasting relationships with our clients.<\/p>-->\r\n  <!--  <\/div>-->\r\n\r\n  <!--  <div class=\"testimonial-grid\">-->\r\n      <!-- Card 1 -->\r\n  <!--    <div class=\"testimonial-card\">-->\r\n  <!--      <div class=\"client-meta\">-->\r\n  <!--        <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?img=11\" alt=\"Rohit Sharma\" class=\"client-avatar\" \/>-->\r\n  <!--        <div class=\"client-info\">-->\r\n  <!--          <h4>Rohit Sharma<\/h4>-->\r\n  <!--          <span>CEO, Futuro Technologies<\/span>-->\r\n  <!--        <\/div>-->\r\n  <!--      <\/div>-->\r\n  <!--      <div class=\"stars\">&#9733;&#9733;&#9733;&#9733;&#9733;<\/div>-->\r\n  <!--      <div class=\"quote-text\">Brightcode delivered an excellent solution that perfectly matched our requirements. Their team is professional, responsive and reliable.<\/div>-->\r\n  <!--      <div class=\"company-logo-placeholder\" style=\"color: #8b5cf6;\">-->\r\n  <!--        \u2756 FUTURO <span style=\"font-weight:400; font-size:0.8em; display:block;\">technologies<\/span>-->\r\n  <!--      <\/div>-->\r\n  <!--    <\/div>-->\r\n\r\n      <!-- Card 2 -->\r\n  <!--    <div class=\"testimonial-card\">-->\r\n  <!--      <div class=\"client-meta\">-->\r\n  <!--        <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?img=5\" alt=\"Priya Singh\" class=\"client-avatar\" \/>-->\r\n  <!--        <div class=\"client-info\">-->\r\n  <!--          <h4>Priya Singh<\/h4>-->\r\n  <!--          <span>Marketing Head, HealthyU<\/span>-->\r\n  <!--        <\/div>-->\r\n  <!--      <\/div>-->\r\n  <!--      <div class=\"stars\">&#9733;&#9733;&#9733;&#9733;&#9733;<\/div>-->\r\n  <!--      <div class=\"quote-text\">Their digital and marketing strategies helped us generate high-quality leads and increase our online sales significantly.<\/div>-->\r\n  <!--      <div class=\"company-logo-placeholder\" style=\"color: #22c55e;\">-->\r\n  <!--        Healthy<span style=\"color:#16a34a;\">U<\/span> \ud83c\udf3f-->\r\n  <!--      <\/div>-->\r\n  <!--    <\/div>-->\r\n\r\n      <!-- Card 3 -->\r\n  <!--    <div class=\"testimonial-card\">-->\r\n  <!--      <div class=\"client-meta\">-->\r\n  <!--        <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?img=12\" alt=\"Amit Verma\" class=\"client-avatar\" \/>-->\r\n  <!--        <div class=\"client-info\">-->\r\n  <!--          <h4>Amit Verma<\/h4>-->\r\n  <!--          <span>Director, Nivola Tech Energy<\/span>-->\r\n  <!--        <\/div>-->\r\n  <!--      <\/div>-->\r\n  <!--      <div class=\"stars\">&#9733;&#9733;&#9733;&#9733;&#9733;<\/div>-->\r\n  <!--      <div class=\"quote-text\">We are impressed with their technical expertise and dedication. The project was delivered on time and exceeded our expectations.<\/div>-->\r\n  <!--      <div class=\"company-logo-placeholder\" style=\"color: #0284c7;\">-->\r\n  <!--        \u29d6 NIVOLA <span style=\"font-weight:400; font-size:0.8em; display:block;\">Tech Energy<\/span>-->\r\n  <!--      <\/div>-->\r\n  <!--    <\/div>-->\r\n  <!--  <\/div>-->\r\n\r\n  <!--  <div class=\"rating-summary\">-->\r\n  <!--    <div class=\"rating-main\">-->\r\n  <!--      <div><span class=\"score\">4.9\/5<\/span> Average Rating<\/div>-->\r\n  <!--      <div class=\"stars\">&#9733;&#9733;&#9733;&#9733;&#9733;<\/div>-->\r\n  <!--    <\/div>-->\r\n  <!--    <div class=\"rating-sub\">Based on 200+ Google Reviews<\/div>-->\r\n  <!--  <\/div>-->\r\n  <!--<\/div>-->\r\n\r\n  <!-- FAQ Section -->\r\n  <div class=\"faq-wrapper\">\r\n    <div class=\"faq-container\">\r\n      <div class=\"faq-header\">\r\n        <h2><span class=\"faq-icon\">\ud83d\udcac<\/span> Frequently Asked Questions<\/h2>\r\n        <div class=\"faq-underline\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"faq-grid\">\r\n        <!-- FAQ Left Column -->\r\n        <details class=\"faq-item\">\r\n          <summary>How long does it take to build a software?<\/summary>\r\n          <div class=\"faq-content\">The timeline depends entirely on the scope and complexity of the project. A simple MVP can take 4-6 weeks, while enterprise software can take several months.<\/div>\r\n        <\/details>\r\n        \r\n        <!-- FAQ Right Column -->\r\n        <details class=\"faq-item\">\r\n          <summary>How much will my project cost?<\/summary>\r\n          <div class=\"faq-content\">Project costs vary based on features, platform requirements, and development time. We provide detailed estimates after our initial discovery call.<\/div>\r\n        <\/details>\r\n\r\n        <!-- FAQ Left Column -->\r\n        <details class=\"faq-item\">\r\n          <summary>What information do you need to start?<\/summary>\r\n          <div class=\"faq-content\">We generally need an outline of your goals, target audience, preferred features, and any existing brand assets or wireframes you might have.<\/div>\r\n        <\/details>\r\n\r\n        <!-- FAQ Right Column -->\r\n        <details class=\"faq-item\">\r\n          <summary>Will I own the source code?<\/summary>\r\n          <div class=\"faq-content\">Upon final payment and project completion, all deliverables included in the project scope will be transferred to you. If you require full ownership of the source code and intellectual property rights, this can be provided for an additional fee, as agreed upon before project completion..<\/div>\r\n        <\/details>\r\n\r\n        <!-- FAQ Left Column -->\r\n        <details class=\"faq-item\">\r\n          <summary>Do you provide maintenance support?<\/summary>\r\n          <div class=\"faq-content\">Absolutely. We offer tailored maintenance and support packages to ensure your software remains up-to-date and secure post-launch.<\/div>\r\n        <\/details>\r\n\r\n        <!-- FAQ Right Column -->\r\n        <details class=\"faq-item\">\r\n          <summary>Can you help with digital marketing?<\/summary>\r\n          <div class=\"faq-content\">Yes! Beyond development, our team crafts data-driven marketing strategies to help you generate leads and scale your business efficiently.<\/div>\r\n        <\/details>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-d4817f1 e-con e-atomic-element e-flexbox-base e-8e3a6f8 \" data-id=\"d4817f1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d4817f1\">\n    \t\t<div class=\"elementor-element elementor-element-5b2bec8 elementor-widget elementor-widget-html\" data-id=\"5b2bec8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<a href=\"https:\/\/wa.me\/918123641383\" class=\"sticky-whatsapp\" target=\"_blank\">\r\n    <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/733\/733585.png\">\r\n    <span>Chat on<br><strong>WhatsApp<\/strong><\/span>\r\n<\/a>\r\n\r\n<a href=\"tel:8123641383\" class=\"sticky-call\">\r\n    <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/724\/724664.png\">\r\n    <span>Call Now<br><strong>+91 82103 81711<\/strong><\/span>\r\n<\/a>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a905875 e-con e-atomic-element e-flexbox-base e-a905875-0210e4f \" data-id=\"a905875\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a905875\">\n    \t\t<div class=\"elementor-element elementor-element-023a9ea elementor-widget elementor-widget-html\" data-id=\"023a9ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"mobile-sticky-bar\">\r\n\r\n    <a href=\"tel:+918123641383\" class=\"mobile-call\">\r\n        <i class=\"fas fa-phone-alt\"><\/i>\r\n        <span>Call Us<\/span>\r\n    <\/a>\r\n\r\n    <a href=\"https:\/\/wa.me\/918123641383\" target=\"_blank\" class=\"mobile-whatsapp\">\r\n        <i class=\"fab fa-whatsapp\"><\/i>\r\n        <span>WhatsApp<\/span>\r\n    <\/a>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Building Digital Solutions That Drive Real Results Custom Software, AI &#038; Digital Marketing Solutions That Grow Your Business We help startups, SMEs and enterprises build powerful digital products, automate processes and generate more leads &#038; sales. Custom SoftwareDevelopment Mobile AppDevelopment AI &#038; AutomationSolutions Digital MarketingThat Converts Get Free Consultation Book a Strategy Call 1200+ Projects [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2310","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/solutions.brightcodess.com\/index.php\/wp-json\/wp\/v2\/pages\/2310","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/solutions.brightcodess.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/solutions.brightcodess.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/solutions.brightcodess.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/solutions.brightcodess.com\/index.php\/wp-json\/wp\/v2\/comments?post=2310"}],"version-history":[{"count":151,"href":"https:\/\/solutions.brightcodess.com\/index.php\/wp-json\/wp\/v2\/pages\/2310\/revisions"}],"predecessor-version":[{"id":5709,"href":"https:\/\/solutions.brightcodess.com\/index.php\/wp-json\/wp\/v2\/pages\/2310\/revisions\/5709"}],"wp:attachment":[{"href":"https:\/\/solutions.brightcodess.com\/index.php\/wp-json\/wp\/v2\/media?parent=2310"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}