.title-banner{
    background: var(--teal);
    padding: calc(144px + 104px) 0px 144px;
}
.title-banner__inner{
    max-width: 1200px;
    margin: 0 auto;
}
.title-banner h1{
    color: #fff;
    text-align: center;
}
.ci-main{
    padding-top: 63px;
}
.ci-main p a{
    font-weight: 500;
}
.ci-main .gallery{
    margin: 0 -4px;
}
.ci-main .gallery .gallery-item{
    padding: 0 4px;
    margin: 0;
}
.ci-main .gallery .gallery-item img{
    width: 100%;
    height: 194px;
    object-fit: cover;
}
.ci-main .gallery-columns-3 .gallery-item{
    width: 33.3333%;
    max-width: 100%;
}
h4#h-be-the-change{
    margin-top: 49px;
}
.how-it-works{
    margin-top: 65px;
    margin-bottom: 58px;
}
.logo-wrap.is-dark .logo-dark{
    display: none !important;
}
.how-it-works__box{
    border: 1px solid var(--teal);
    border-radius: 10px;
    padding: 35px 24px 20px;
    color: var(--teal);
    margin: 0 12px;
}
.how-it-works h6{
    color: var(--teal);
}
.how-it-works ul{
    margin-left: 20px;
    padding: 0;
}
.how-it-works ul li{
    padding: 6px 0;
}
.are-you-ready{
    margin-bottom: 52px;
}
@media only screen and (min-width: 782px){
    .ci-main__container{
        width: 66%;
    }
}
@media only screen and (max-width: 782px){
    .ci-main .gallery-columns-3 .gallery-item{
        width: 50%;
    }
    .ci-main .gallery-columns-3 .gallery-item:last-child{
        width: 100%;
        margin-top: 8px;
    }
    .ci-main .gallery .gallery-item img{
        height: auto;
    }
}
@media only screen and (max-width: 992px){
    .title-banner{
        padding: calc(64px + 90px) 0px 64px;
    }
}