<div class="assessment-container animate__animated animate__fadeIn">
<h2 class="assessment-heading" style="color: white;">Assessment</h2>
<p class="assessment-description" style="color: white;">We can assess your eligibility for all temporary and permanent residence pathways to determine which are most appropriate for your needs.</p>
</div>
<div class="consultation-container animate__animated animate__fadeIn" style="animation-delay: 0.5s;">
<h2 class="consultation-heading" style="color: white;">Consultation</h2>
<p class="consultation-description" style="color: white;">We take the time to discuss all the subtleties involved in opting for either of the various pathways including the relevant requirements, timelines, costs & various pros or cons.</p>
</div>
<div class="decision-container animate__animated animate__fadeIn" style="animation-delay: 1s;">
<h2 class="decision-heading" style="color: white;">Decision</h2>
<p class="decision-description" style="color: white;">You decide which temporary or permanent immigration pathway to pursue and sign a retainer authorizing us to represent you in your application.</p>
</div>
<div class="submission-container animate__animated animate__fadeIn" style="animation-delay: 1.5s;">
<h2 class="submission-heading" style="color: white;">Submission</h2>
<p class="submission-description" style="color: white;">We prepare a strong submission that addresses the applicable eligibility criteria, applicant requirements and potential pitfalls to maximize your chances of success.</p>
</div>
<style>
/* Styles for desktop */
@media screen and (min-width: 992px) {
.assessment-container, .consultation-container, .decision-container, .submission-container {
width: 50%;
float: left;
}
}
/* Styles for tablet */
@media screen and (min-width: 768px) and (max-width: 991px) {
.assessment-container, .consultation-container, .decision-container, .submission-container {
width: 100%;
}
}
/* Styles for phone */
@media screen and (max-width: 767px) {
.assessment-container, .consultation-container, .decision-container, .submission-container {
width: 100%;
}
}
/* Animation */
.animate__animated {
animation-duration: 1s;
animation-fill-mode: both;
}
.animate__fadeIn {
animation-name: fadeIn;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateX(-20px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
</style>