File: /var/www/html/ccc/v5.3/assets/how-it-work-section.php
<style>
.elementor-5904 .elementor-element.elementor-element-23f4c75 .elementor-heading-title{
font-size:25px !important;
}
.heading-color{
color:#004aad;
}
.heading-color:hover{
color:#00a0e3;
}
.number-color{
font-size:32px !important;
}
.number-color1{
font-size:25px !important;
}
.elementor-element-a89630b{
margin-bottom:5% !important;
}
@media (min-width: 0px) and (max-width: 480px){
.mobile-res-query{
flex-direction: column-reverse;
}
}
</style>
<section style="margin-top:3%;"
class="elementor-section elementor-top-section elementor-element elementor-element-a89630b elementor-reverse-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default"
data-id="a89630b" data-element_type="section" id="promise">
<h1 style="text-align:center;font-size: 46px; font-weight: bold; line-height: 1.2em; margin-bottom:3%; color:#004aad;">Our Strategy</h1>
<div class="elementor-container elementor-column-gap-wider">
<div class="elementor-row mobile-res-query" >
<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-f85fff9"
data-id="f85fff9" data-element_type="column">
<div class="elementor-column-wrap elementor-element-populated">
<div class="elementor-widget-wrap" style="padding-top:0px !important;">
<div class="elementor-element elementor-element-23f4c75 elementor-invisible elementor-widget elementor-widget-heading"
data-id="23f4c75" data-element_type="widget"
data-settings="{"_animation":"fadeInUp"}"
data-widget_type="heading.default">
<div class="elementor-widget-container">
<h3 class="elementor-heading-title elementor-size-default heading-color" >
<span class="number-color">1.</span> <span class="number-color1">Discovery</span> </h3>
</div>
</div>
<div class="elementor-element elementor-element-decb2f1 elementor-invisible elementor-widget elementor-widget-heading"
data-id="decb2f1" data-element_type="widget"
data-settings="{"_animation":"fadeInUp"}"
data-widget_type="heading.default">
<div class="elementor-widget-container">
<h6 class="elementor-heading-title elementor-size-default">
We work in cooperation with your stakeholders to identify the challenges and key requirements for your business.
</h6>
<div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-1568d0b"
data-id="1568d0b" data-element_type="column">
<div class="elementor-column-wrap elementor-element-populated">
<div class="elementor-widget-wrap">
<div class="elementor-element elementor-element-23f4c75 elementor-invisible elementor-widget elementor-widget-heading"
data-id="23f4c75" data-element_type="widget"
data-settings="{"_animation":"fadeInUp"}"
data-widget_type="heading.default">
<div class="elementor-widget-container">
<h3 class="elementor-heading-title elementor-size-default heading-color">
<span class="number-color">2.</span> Design</h3>
</div>
</div>
<div class="elementor-element elementor-element-decb2f1 elementor-invisible elementor-widget elementor-widget-heading"
data-id="decb2f1" data-element_type="widget"
data-settings="{"_animation":"fadeInUp"}"
data-widget_type="heading.default">
<div class="elementor-widget-container">
<h6 class="elementor-heading-title elementor-size-default">
Once the challenges have been <br>identified, we will propose a Salesforce <br>solution to meet your needs.
</h6>
<div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-1568d0b"
data-id="1568d0b" data-element_type="column">
<div class="elementor-column-wrap elementor-element-populated">
<div class="elementor-widget-wrap">
<div class="elementor-element elementor-element-23f4c75 elementor-invisible elementor-widget elementor-widget-heading"
data-id="23f4c75" data-element_type="widget"
data-settings="{"_animation":"fadeInUp"}"
data-widget_type="heading.default">
<div class="elementor-widget-container">
<h3 class="elementor-heading-title elementor-size-default heading-color">
<span class="number-color">3.</span> Development</h3>
</div>
</div>
<div class="elementor-element elementor-element-decb2f1 elementor-invisible elementor-widget elementor-widget-heading"
data-id="decb2f1" data-element_type="widget"
data-settings="{"_animation":"fadeInUp"}"
data-widget_type="heading.default">
<div class="elementor-widget-container">
<h6 class="elementor-heading-title elementor-size-default">
Our teams can run either an agile or<br> waterfall methodology depending on <br>your needs.
</h6>
<div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="elementor-container elementor-column-gap-wider">
<div class="elementor-row mobile-res-query">
<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-f85fff9"
data-id="f85fff9" data-element_type="column">
<div class="elementor-column-wrap elementor-element-populated">
<div class="elementor-widget-wrap" style="padding-top:0px !important;">
<div class="elementor-element elementor-element-23f4c75 elementor-invisible elementor-widget elementor-widget-heading"
data-id="23f4c75" data-element_type="widget"
data-settings="{"_animation":"fadeInUp"}"
data-widget_type="heading.default">
<div class="elementor-widget-container">
<h3 class="elementor-heading-title elementor-size-default heading-color">
<span class="number-color">4.</span> Deployment</h3>
</div>
</div>
<div class="elementor-element elementor-element-decb2f1 elementor-invisible elementor-widget elementor-widget-heading"
data-id="decb2f1" data-element_type="widget"
data-settings="{"_animation":"fadeInUp"}"
data-widget_type="heading.default">
<div class="elementor-widget-container">
<h6 class="elementor-heading-title elementor-size-default">
Once the development has been <br>signed off with user acceptance<br> testing, we migrate best practice <br>DevOps processes.
</h6>
<div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-1568d0b"
data-id="1568d0b" data-element_type="column">
<div class="elementor-column-wrap elementor-element-populated">
<div class="elementor-widget-wrap">
<div class="elementor-element elementor-element-23f4c75 elementor-invisible elementor-widget elementor-widget-heading"
data-id="23f4c75" data-element_type="widget"
data-settings="{"_animation":"fadeInUp"}"
data-widget_type="heading.default">
<div class="elementor-widget-container">
<h3 class="elementor-heading-title elementor-size-default heading-color">
<span class="number-color">5.</span> Post-go live support</h3>
</div>
</div>
<div class="elementor-element elementor-element-decb2f1 elementor-invisible elementor-widget elementor-widget-heading"
data-id="decb2f1" data-element_type="widget"
data-settings="{"_animation":"fadeInUp"}"
data-widget_type="heading.default">
<div class="elementor-widget-container">
<h6 class="elementor-heading-title elementor-size-default">
We can provide ongoing support to<br> walk you through the post-deployment<br> phase. We help in your transformation <br>to deliver.
</h6>
<div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-1568d0b"
data-id="1568d0b" data-element_type="column">
<div class="elementor-column-wrap elementor-element-populated">
<div class="elementor-widget-wrap">
<div class="elementor-element elementor-element-23f4c75 elementor-invisible elementor-widget elementor-widget-heading"
data-id="23f4c75" data-element_type="widget"
data-settings="{"_animation":"fadeInUp"}"
data-widget_type="heading.default">
<div class="elementor-widget-container">
<h3 class="elementor-heading-title elementor-size-default heading-color">
<span class="number-color">6.</span> Managed Service</h3>
</div>
</div>
<div class="elementor-element elementor-element-decb2f1 elementor-invisible elementor-widget elementor-widget-heading"
data-id="decb2f1" data-element_type="widget"
data-settings="{"_animation":"fadeInUp"}"
data-widget_type="heading.default">
<div class="elementor-widget-container">
<h6 class="elementor-heading-title elementor-size-default">
You won't have to worry about managing<br> your Salesforce platform, we'll do it <br>for you.
</h6>
<div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>