{"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-21T12:48:19","modified_gmt":"2026-07-21T12:48:19","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\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6f865ad elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"6f865ad\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-08f94df\" data-id=\"08f94df\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-235cdb9 elementor-widget elementor-widget-html\" data-id=\"235cdb9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* --- WordPress Friendly Scoped CSS --- *\/\r\n  .custom-hero-wrapper {\r\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 100vh;\r\n    background-color: #ffffff;\r\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');\r\n    background-size: cover;\r\n    background-position: right center;\r\n    background-repeat: no-repeat;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .custom-hero-wrapper * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .custom-hero-container {\r\n    max-width: 1480px;\r\n    margin: 0 auto;\r\n    padding: 60px 50px;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-items: center;\r\n    gap: 150px;\r\n    flex: 1;\r\n    width: 100%;\r\n  }\r\n\r\n  \/* --- Left Content Column --- *\/\r\n  .custom-hero-content {\r\n    flex: 1 1 500px;\r\n    max-width: 720px;\r\n  }\r\n\r\n  .hero-tag {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    background: #ffffff;\r\n    padding: 6px 14px;\r\n    border-radius: 20px;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    color: #475569;\r\n    box-shadow: 0 4px 10px -1px rgba(0,0,0,0.08);\r\n    margin-bottom: 25px;\r\n  }\r\n  \r\n  .hero-tag img {\r\n    margin-right: 8px;\r\n    width: 16px;\r\n    height: 16px;\r\n  }\r\n\r\n  .custom-hero-content h1 {\r\n    font-size: 46px;\r\n    line-height: 1.25;\r\n    color: #0b1120;\r\n    font-weight: 800;\r\n    margin: 0 0 20px 0;\r\n  }\r\n\r\n  .custom-hero-content h1 span {\r\n    color: #ff6b00;\r\n  }\r\n\r\n  .custom-hero-content p.subtitle {\r\n    font-size: 16px;\r\n    color: #334155;\r\n    line-height: 1.6;\r\n    margin-bottom: 35px;\r\n    max-width: 95%;\r\n    font-weight: 500;\r\n  }\r\n\r\n  \/* Services Grid *\/\r\n  .hero-services-grid {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    gap: 15px;\r\n    margin-bottom: 40px;\r\n    width: 100%;\r\n  }\r\n\r\n  .service-item {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n    font-size: 12px; \r\n    font-weight: 700;\r\n    color: #0b1120;\r\n    flex: 1;\r\n  }\r\n\r\n  .service-icon {\r\n    width: 56px;\r\n    height: 56px;\r\n    background: #f4f7fb;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 14px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 12px;\r\n    box-shadow: 0 4px 6px -2px rgba(0,0,0,0.02);\r\n  }\r\n  \r\n  .service-icon img {\r\n    width: 26px;\r\n    height: 26px;\r\n    object-fit: contain;\r\n  }\r\n\r\n  \/* Buttons *\/\r\n  .hero-buttons {\r\n    display: flex;\r\n    gap: 15px;\r\n    flex-wrap: wrap;\r\n    margin-bottom: 45px;\r\n  }\r\n\r\n  .btn-primary, .btn-secondary {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 15px 30px;\r\n    border-radius: 8px;\r\n    font-weight: 600;\r\n    font-size: 15px;\r\n    cursor: pointer;\r\n    text-decoration: none;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .btn-primary {\r\n    background-color: #ff6b00;\r\n    color: #ffffff;\r\n    border: none;\r\n    box-shadow: 0 10px 20px -5px rgba(255, 107, 0, 0.4);\r\n  }\r\n\r\n  .btn-primary:hover {\r\n    background-color: #e65c00;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 15px 25px -5px rgba(255, 107, 0, 0.5);\r\n  }\r\n\r\n  .btn-secondary {\r\n    background-color: #ffffff;\r\n    color: #1e3a8a;\r\n    border: 1.5px solid #cbd5e1;\r\n    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);\r\n  }\r\n\r\n  .btn-secondary:hover {\r\n    background-color: #f8fafc;\r\n    border-color: #1e3a8a;\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .btn-primary img, .btn-secondary img {\r\n    margin-left: 10px;\r\n    width: 18px;\r\n    height: 18px;\r\n  }\r\n\r\n  \/* --- Stats \/ Trust Bar --- *\/\r\n  .custom-hero-trustbar {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 25px;\r\n    align-items: center;\r\n    padding-top: 25px;\r\n    border-top: 1px solid rgba(0, 0, 0, 0.08);\r\n  }\r\n\r\n  .trust-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 11px;\r\n    color: #475569;\r\n    font-weight: 600;\r\n  }\r\n  \r\n  .trust-item img {\r\n    width: 28px;\r\n    height: 28px;\r\n    object-fit: contain;\r\n  }\r\n\r\n  .trust-item strong {\r\n    display: block;\r\n    font-size: 15px;\r\n    color: #0b1120;\r\n    font-weight: 800;\r\n  }\r\n\r\n  \/* --- Right Form Column --- *\/\r\n  .custom-hero-form {\r\n    flex: 1 1 350px;\r\n    max-width: 440px;\r\n    background: #ffffff;\r\n    padding: 40px;\r\n    border-radius: 24px;\r\n    box-shadow: 0 25px 50px -12px rgba(0,0,0,0.15), 0 0 25px rgba(0,0,0,0.05);\r\n  }\r\n\r\n  .custom-hero-form h3 {\r\n    margin: 0 0 12px 0;\r\n    font-size: 24px;\r\n    color: #0b1120;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .custom-hero-form p {\r\n    font-size: 14px;\r\n    color: #475569;\r\n    margin: 0 0 25px 0;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  \/* CF7 Fix to prevent broken 100% widths *\/\r\n  .wpcf7-form-control-wrap {\r\n    display: block;\r\n  }\r\n\r\n  .form-group {\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .form-group input, \r\n  .form-group select, \r\n  .form-group textarea {\r\n    width: 100%;\r\n    padding: 14px 16px;\r\n    border: 1px solid #cbd5e1;\r\n    border-radius: 8px;\r\n    font-size: 14px;\r\n    color: #334155;\r\n    outline: none;\r\n    font-family: inherit;\r\n    transition: all 0.2s;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .form-group input::placeholder, \r\n  .form-group textarea::placeholder {\r\n    color: #94a3b8;\r\n  }\r\n\r\n  .form-group input:focus, \r\n  .form-group select:focus, \r\n  .form-group textarea:focus {\r\n    border-color: #ff6b00;\r\n    box-shadow: 0 0 0 3px rgba(255, 107, 0, 0.1);\r\n  }\r\n\r\n  .form-group textarea {\r\n    resize: none;\r\n    height: 90px;\r\n  }\r\n\r\n  .btn-submit {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 100%;\r\n    padding: 16px;\r\n    background-color: #ff6b00;\r\n    color: #ffffff;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    border: none;\r\n    border-radius: 50px;\r\n    margin-top: 10px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 10px 20px -5px rgba(255, 107, 0, 0.4);\r\n  }\r\n\r\n  .btn-submit:hover {\r\n    background-color: #e65c00;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 15px 25px -5px rgba(255, 107, 0, 0.5);\r\n  }\r\n\r\n  .btn-submit img {\r\n    margin-left: 10px;\r\n    width: 24px;\r\n    height: 24px;\r\n  }\r\n\r\n  \/* Hide CF7 AJAX spinner to keep button clean *\/\r\n  .wpcf7-spinner {\r\n    display: none !important;\r\n  }\r\n\r\n  .privacy-note {\r\n    text-align: center;\r\n    font-size: 12px;\r\n    color: #64748b;\r\n    margin-top: 22px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .privacy-note img {\r\n    margin-right: 6px;\r\n    width: 14px;\r\n    height: 14px;\r\n  }\r\n\r\n  \/* --- Responsive Adjustments --- *\/\r\n  @media (max-width: 1024px) {\r\n    .custom-hero-container {\r\n      gap: 50px;\r\n      padding: 50px 30px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 992px) {\r\n    .custom-hero-wrapper {\r\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');\r\n    }\r\n    .custom-hero-container {\r\n      flex-direction: column;\r\n      padding-top: 60px;\r\n    }\r\n    .custom-hero-content {\r\n      text-align: center;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n    }\r\n    .custom-hero-content h1 {\r\n      font-size: 36px;\r\n    }\r\n    .hero-services-grid {\r\n      justify-content: center;\r\n    }\r\n    .custom-hero-trustbar {\r\n      justify-content: center;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .hero-services-grid {\r\n      flex-wrap: wrap;\r\n    }\r\n    .service-item {\r\n      flex: 1 1 40%;\r\n    }\r\n    .hero-buttons {\r\n      flex-direction: column;\r\n      width: 100%;\r\n    }\r\n    .btn-primary, .btn-secondary {\r\n      width: 100%;\r\n    }\r\n    .custom-hero-form {\r\n      padding: 30px 20px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"custom-hero-wrapper\">\r\n  <div class=\"custom-hero-container\">\r\n    \r\n    <!-- Left Content -->\r\n    <div class=\"custom-hero-content\">\r\n      <div class=\"hero-tag\">\r\n        <img decoding=\"async\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/star.png\" alt=\"Star\">\r\n        Building Digital Solutions That Drive Real Results\r\n      <\/div>\r\n      \r\n      <h1>Custom Software, AI & <span>Digital Marketing<\/span> Solutions That Grow Your Business<\/h1>\r\n      \r\n      <p class=\"subtitle\">We help startups, SMEs and enterprises build powerful digital products, automate processes and generate more leads & sales.<\/p>\r\n      \r\n      <div class=\"hero-services-grid\">\r\n        <div class=\"service-item\">\r\n          <div class=\"service-icon\">\r\n            <img decoding=\"async\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/coding.png\" alt=\"Software\">\r\n          <\/div>\r\n          Custom Software<br>Development\r\n        <\/div>\r\n        <div class=\"service-item\">\r\n          <div class=\"service-icon\">\r\n            <img decoding=\"async\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/coding-1.png\" alt=\"Mobile\">\r\n          <\/div>\r\n          Mobile App<br>Development\r\n        <\/div>\r\n        <div class=\"service-item\">\r\n          <div class=\"service-icon\">\r\n            <img decoding=\"async\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/regenerate.png\" alt=\"AI\">\r\n          <\/div>\r\n          AI & Automation<br>Solutions\r\n        <\/div>\r\n        <div class=\"service-item\">\r\n          <div class=\"service-icon\">\r\n            <img decoding=\"async\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/network.png\" alt=\"Marketing\">\r\n          <\/div>\r\n          Digital Marketing<br>That Converts\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"hero-buttons\">\r\n        <a href=\"#\" class=\"btn-primary\">\r\n          Get Free Consultation \r\n          <img decoding=\"async\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/right-arrow.png\" alt=\"Arrow\">\r\n        <\/a>\r\n        <a href=\"#\" class=\"btn-secondary\">\r\n          Book a Strategy Call\r\n          <img decoding=\"async\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/phone-call.png\" alt=\"Phone\">\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- Trust Bar -->\r\n      <div class=\"custom-hero-trustbar\">\r\n        <div class=\"trust-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/project-management.png\" alt=\"Projects\">\r\n          <div><strong>500+<\/strong> Projects Delivered<\/div>\r\n        <\/div>\r\n        <div class=\"trust-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/rating.png\" alt=\"Clients\">\r\n          <div><strong>200+<\/strong> Happy Clients<\/div>\r\n        <\/div>\r\n        <div class=\"trust-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/expertise.png\" alt=\"Experience\">\r\n          <div><strong>10+<\/strong> Years Experience<\/div>\r\n        <\/div>\r\n        <div class=\"trust-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/google.png\" alt=\"Rating\">\r\n          <div><strong>4.9\/5<\/strong> Client Rating<\/div>\r\n        <\/div>\r\n        <div class=\"trust-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/Untitled-design.png\" alt=\"ISO\">\r\n          <div><strong>ISO<\/strong> Certified<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Right Form Content -->\r\n    <div class=\"custom-hero-form\">\r\n      <h3>Get Your Free Consultation<\/h3>\r\n      <p>Tell us about your project and our experts will get back to you within 24 hours.<\/p>\r\n      \r\n      \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f3649-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"3649\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php\/wp-json\/wp\/v2\/pages\/2310#wpcf7-f3649-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"3649\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.6\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f3649-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"contact-page-contact-wrap\">\n  <div class=\"contact-form-wrap wow fadeInUp\">\n    <div class=\"contact-form\">\n        <input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Name*\" value=\"\" type=\"text\" name=\"your-name\" \/>\n        <input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Email*\" value=\"\" type=\"email\" name=\"your-email\" \/>\n        <input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Phone Number*\" value=\"\" type=\"tel\" name=\"your-phone\" \/>\n        <select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required custom-cf7-select\" aria-required=\"true\" aria-invalid=\"false\" name=\"your-service\"><option value=\"\">Select Service<\/option><option value=\"Custom Software\">Custom Software<\/option><option value=\"Mobile App\">Mobile App<\/option><option value=\"AI &amp; Automation\">AI &amp; Automation<\/option><option value=\"Digital Marketing\">Digital Marketing<\/option><\/select>\n        <textarea cols=\"40\" rows=\"4\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Tell us about your project\" name=\"your-message\"><\/textarea>\n        \n        <div class=\"btn-wrap\">\n            <button type=\"submit\" class=\"gto-btn-1\">send message now <i class=\"flaticon-straight-right-arrow\"><\/i><\/button>\n        <\/div>\n    <\/div>\n  <\/div>\n<\/div><p style=\"display: none !important;\" class=\"akismet-fields-container\" data-prefix=\"_wpcf7_ak_\"><label>&#916;<textarea name=\"_wpcf7_ak_hp_textarea\" cols=\"45\" rows=\"8\" maxlength=\"100\"><\/textarea><\/label><input type=\"hidden\" id=\"ak_js_1\" name=\"_wpcf7_ak_js\" value=\"111\"\/><script>\ndocument.getElementById( \"ak_js_1\" ).setAttribute( \"value\", ( new Date() ).getTime() );\n<\/script>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\r\n      \r\n      <div class=\"privacy-note\">\r\n        <img decoding=\"async\" src=\"https:\/\/solutions.brightcodess.com\/wp-content\/uploads\/2026\/07\/lock.png\" alt=\"Lock\">\r\n        100% Privacy Guaranteed\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<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\" 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: #; \/* 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: wrap;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    gap: 20px;\r\n    margin-bottom: 60px;\r\n    padding-bottom: 40px;\r\n    border-bottom: 1px solid #f1f5f9;\r\n  }\r\n\r\n  .trusted-logos img {\r\n    height: 35px; \/* Adjust height based on your actual logo files *\/\r\n    max-width: 100%;\r\n    object-fit: contain;\r\n    filter: grayscale(10%) contrast(1.1);\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      justify-content: center;\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: 25px; \/* Smaller logos on mobile *\/\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 500+ 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:\/\/via.placeholder.com\/150x50\/ffffff\/000000?text=FUTURO+technologies\" alt=\"Futuro Technologies\">\r\n    <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/150x50\/ffffff\/000000?text=tarang+scaapeed\" alt=\"Tarang Scaapeed\">\r\n    <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/150x50\/ffffff\/000000?text=NIVOLA+Tech+Energy\" alt=\"Nivola Tech Energy\">\r\n    <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/150x50\/ffffff\/000000?text=PRIYAM+ORGANICS\" alt=\"Priyam Organics\">\r\n    <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/150x50\/ffffff\/000000?text=Healthy+U\" alt=\"Healthy U\">\r\n    <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/150x50\/ffffff\/000000?text=SevenDial\" alt=\"SevenDial\">\r\n    <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/150x50\/ffffff\/000000?text=KRISHNA+MEDICALS\" 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=\"#\" 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=\"#\" 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=\"#\" 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=\"#\" 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=\"#\" 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=\"#\" 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\" 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\" 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>\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-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\" 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\">Yes, upon final payment and project completion, you will have full intellectual property rights and ownership of the source code.<\/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 500+ 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":61,"href":"https:\/\/solutions.brightcodess.com\/index.php\/wp-json\/wp\/v2\/pages\/2310\/revisions"}],"predecessor-version":[{"id":5443,"href":"https:\/\/solutions.brightcodess.com\/index.php\/wp-json\/wp\/v2\/pages\/2310\/revisions\/5443"}],"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}]}}