.home-banner .row {
    min-height: 100vh;
    padding-bottom: 3.5rem;
}

.home-banner .bg-img img {
    object-position: left bottom;
    -o-object-position: left bottom;
}

.home-banner h1 span {
    color: var(--secondary-color)
}

.home-banner .listing li {
    color: white;
}

.block-quote {
    border-left: 4px solid var(--secondary-color);
}

.how-we-work .number {
    line-height: 1;
    font-size: 2.5em;
    color: transparent;
    -webkit-text-stroke: 1px;
    -webkit-text-stroke-color: var(--secondary-color-dark);
}

.key-differentiators .table th {
    background-color: var(--primary-color);
}

.key-differentiators .table th,
.key-differentiators .table td {
    width: 15%;
    vertical-align: middle;
    padding: 12px;
}

.key-differentiators .table th:first-child,
.key-differentiators .table td:first-child {
    width: 70%;
}

.key-differentiators .table th img,
.key-differentiators .table th svg {
    min-width: 80px;
}

.key-differentiators .table td img,
.key-differentiators .table td svg {
    max-width: 24px;
    margin: 0 auto;
}

.key-differentiators .table td img.cross,
.key-differentiators .table td svg.cross {
    max-width: 14px;
    margin: 0 auto;
}

.other-differentiators .quote::after {
    content: '';
    position: absolute;
    left: 0;
    top: 20px;
    height: 60px;
    width: 4px;
    background-color: var(--secondary-color);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

/* Project Plan Horizontal Flow */
.project-plan .flow {
    border-top: 1px dashed white;
    padding-top: 1rem;
}

.project-plan .sec-1 {
    width: 13%;
}

.project-plan .sec-2 {
    width: 20%;
}

.project-plan .sec-3 {
    width: 23%;
}

.project-plan .sec-4 {
    width: 26%;
}

.project-plan .sec-5 {
    width: 18%;
}

.project-plan .horizontal-flow .sec,
.project-plan .horizontal-flow .time,
.project-plan .vertical-flow .sec,
.project-plan .vertical-flow .time,
.project-plan .vertical-flow .col-1 {
    position: relative;
}

.project-plan .horizontal-flow .sec::after {
    content: '';
    position: absolute;
    top: -23px;
    left: 0;
    width: 0.9rem;
    height: 0.9rem;
    background-color: black;
    border: 4px solid var(--secondary-color-dark);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.project-plan .horizontal-flow .sec-5::after {
    right: -1px;
    left: inherit;
}

.project-plan .time-1 {
    width: 15%;
}

.project-plan .time-2 {
    width: 18%;
}

.project-plan .time-3 {
    width: 20%;
}

.project-plan .time-4 {
    width: 47%;
}

.project-plan .horizontal-flow .time::before {
    content: '';
    position: absolute;
    bottom: -20px;
    left: calc(50% - 0.23rem);
    width: 0.46rem;
    height: 0.46rem;
    background-color: var(--secondary-color-dark);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.project-plan .horizontal-flow .time::after {
    content: '';
    position: absolute;
    bottom: -12px;
    left: calc(50% - 0.03rem);
    height: 1rem;
    border-left: 1px dashed white;
}

/* Project Plan Vertical Flow */
.project-plan .vertical-flow.v-flow,
.project-plan .vertical-flow .time {
    min-height: 42px;
}

.project-plan .col-1 {
    border-left: 1px dashed white;
}

.project-plan .vertical-flow .sec {
    position: relative;
}

.project-plan .vertical-flow .sec::after {
    content: '';
    position: absolute;
    top: calc(50% - 0.45rem);
    right: -7px;
    width: 0.9rem;
    height: 0.9rem;
    background-color: black;
    border: 4px solid var(--secondary-color-dark);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    z-index: 1;
}

.project-plan .vertical-flow .row .sec:first-child:after {
    top: 0;
}

.project-plan .vertical-flow .row .sec-last::after {
    top: inherit;
    bottom: 0;
}

.project-plan .vertical-flow .row .time {
    display: flex;
    align-items: center;
}

.project-plan .vertical-flow .col-1.tag::before {
    content: '';
    position: absolute;
    left: -3px;
    top: calc(50% - 0.23rem);
    width: 0.42rem;
    height: 0.42rem;
    background-color: var(--secondary-color-dark);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    z-index: 1;
}

.project-plan .vertical-flow .col-1.tag::after {
    content: '';
    position: absolute;
    left: -2px;
    top: calc(50% - 0.03rem);
    width: 75%;
    border-top: 1px dashed white;
    z-index: 0;
}

.why-choose-us .inner .img {
    min-width: 64px;
    max-width: 64px;
    height: fit-content;
    background-color: #f5f9ff;
    box-shadow: 2px 4px 10px -2px #cbcad7;

}

.why-choose-us .col-lg-4,
.why-choose-us .col-lg-3 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.why-choose-us .left-col {
    align-items: flex-end;
}

footer .bg-img img {
    object-position: left center;
    -o-object-position: left center;
}

footer .bottom-logo {
    max-width: 200px;
}

footer .contact-data img,
footer .contact-data svg {
    max-width: 20px;
}

@media screen and (min-width: 992px) {

    .why-choose-us .col-lg-3 {
        justify-content: center;
    }

    .why-choose-us .left-col .inner:first-child,
    .why-choose-us .left-col .inner:last-child {
        margin-right: -50px;
    }

    .why-choose-us .right-col .inner:first-child,
    .why-choose-us .right-col .inner:last-child {
        margin-left: -50px;
    }

    .newsletter {
        margin-bottom: 2rem;
    }

    .newsletter img {
        transform: scaleY(1.15) scaleX(1.075);
        -webkit-transform: scaleY(1.15) scaleX(1.075);
        -moz-transform: scaleY(1.15) scaleX(1.075);
        -ms-transform: scaleY(1.15) scaleX(1.075);
        -o-transform: scaleY(1.15) scaleX(1.075);
    }

    footer .bottom-logo {
        max-width: 280px;
    }
}

@media screen and (min-width: 1440px) {
    footer .bottom-logo {
        max-width: 360px;
    }
}

@media screen and (max-width: 767px) {

    .why-choose-us .inner .img {
        min-width: 50px;
        max-width: 50px;
    }
}

.calendly-inline-widget,
.calendly-inline-widget iframe {
    min-height: 620px;
}