/* BODY */
/* First Section */
.firstSection-animatedTile-1, .firstSection-animatedTile-2, .firstSection-animatedTile-3, .firstSection-animatedTile-4{
    display: none;
}
.firstSection-topSection{
    display: flex; flex-direction: column; width: 100%; justify-content: center; align-items: center; margin: 50px 0 15px 0;
}
.firstSection-left.firstSection-catchphraseWrapper{
    padding: initial;
}
.firstSection-right.firstSection-catchphraseWrapper{
    padding: initial;
}
.firstSection-catchphrase{
    font-size: 3.5rem;
}
.firstSection-catchphrase.start, .firstSection-catchphrase.end{
    text-align: center;
}
.firstSection-catchphrase.start{
    margin-bottom: 30px;
}
.firstSection-catchphrase.end{
    margin-top: 30px;
}
.firstSection-ctaWrapper{
    margin-top: 30px;
}
.firstSection-secondaryCatchphrase{
    max-width: 70vw;
}
/* Second Section */
.secondSection{
    padding: 40px 15px;
}
.secondSection-background{
    bottom: initial;
}
.secondSection-catchphrase{
    font-size: 2.5rem; line-height: 50px; margin-top: 30px;
}
.secondSection-catchphrase.blue{
    margin-top: 20px;
}
/* Third Section */
.thirdSection{
    padding: 0 15px;
}
.thirdSection-header{
    padding: 120px 0 80px 0; background-size: 50%; margin-top: initial; background-position-y: 100px;
}
.thirdSection-headerTitle{
    font-size: 3.5rem;
}
.thirdSection-topSteps{
    display: flex; flex-direction: column; width: 100%;
}
.thirdSection-bottomSteps{
    display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%;
}
.thirdSection-stepWrapper{
    flex-direction: column; align-items: start;
}
.thirdSection-stepWrapper::before{
    top: 74%; text-align: center;
}
.firstStep.thirdSection-stepWrapper{
    margin-top: initial;
}
.thirdSection-stepIcon{
    height: initial; width: 90px; margin: initial; object-fit: contain;
}
.thirdSection-stepTitle{
    font-size: 2.625rem;
}
.thirdSection-stepWrapper.secondStep{
    align-items: end; margin-top: 50px;
}
.secondStep .thirdSection-stepTitle{
    text-align: right;
}
.secondStep .thirdSection-stepLabel{
    text-align: right;
}
.secondStep.thirdSection-stepWrapper::before {
    left: -50px; right: initial;
}
.secondStep.thirdSection-stepWrapper::after {
    content:""; background: url("https://cobble-backend-production.s3.amazonaws.com/images/static/webviews/step-arrow-3.png") no-repeat; height: 140px; position: absolute; z-index: 0;
    width: 50px; left: 50px; transform: rotate(-45deg); background-size: 100%; top: -30px;
}
.secondStep .thirdSection-arrowIcon{
    position: absolute; width: 150px; top: 110%; right: 0; left: initial; transform: rotate(-15deg);
}
.thirdSection-bottomSteps{
    margin-top: 100px;
}
.thirdSection-stepWrapper.thirdStep{
    height: 350px;
}
.thirdSection-backgroundImage{
    top: -40px; height: 400px;
}
.thirdSection-waveBorder{
    margin-top: 0px;
}
/* Fourth Section */
.fourthSection-background{
    width: 100%;
}
.fourthSection-foregroundWrapper{
    padding: 80px 15px 50px 15px; flex-direction: column; justify-content: start; gap: 50px;
}
.fourthSection-formWrapper{
    width: 100%; justify-content: start; align-items: center;
}
.fourthSection-formTitle{
    font-size: 3.625rem; text-align: center; line-height: 55px; width: 100%;
}
.fourthSection-formTitle::before{
    left: calc(50% - 80px); top: -50px;
}
.fourthSection-formSubtitle{
    text-align: center; width: 100%;
}
.fourthSection-formInput{
    width: 100%; border-width: 10px;
}
.fourthSection-formDisclaimer{
    font-size: 1rem; width: 100%; text-align: left;
}
.fourthSection-deckWrapper{
    width: 100%;
}
.fourthSection-deckCardWrapper{
    width: 90%;
}
.fourthSection-deckCard{
    padding: 10px;
}
.fourthSection-deckCard[data-index="3"]{
    z-index: 0; transform: scale(1) translateX(0px); opacity: 0;
}
.fourthSection-deckCard[data-index="2"]{
    z-index: 1; transform: scale(1) translateX(0px); opacity: 0;
}
.fourthSection-deckCard[data-index="1"]{
    position: relative; transform: scale(1) translateX(0px); z-index: 2; opacity: 1;
}
.fourthSection-deckCard[data-index="0"]{
    position: absolute; transform: scale(1) translateX(0px); z-index: 2; opacity: 1;
}
.fourthSection-deckCard.swipedLeft{
    transform: scale(1) translateX(-50%) translateY(50%) rotate(-45deg); opacity: 0;
}
.fourthSection-deckCard.swipedRight{
    transform: scale(1) translateX(50%) translateY(50%) rotate(45deg); opacity: 0;
}
.fourthSection-deckCardCategoriesWrapper{
    overflow-x: scroll;
}
.fourthSection-deckSwipeCTA{
    height: 75px; width: 75px;
}
.fourthSection-deckSwipeCTALabel{
    font-size: 0.8rem;
}
.fourthSection-deckSwipeCTAIcon{
    height: 20px;
}
.fourthSection-deckSwipeCTA.left{
    left: -25px;
}
.fourthSection-deckSwipeCTA.right{
    right: -25px;
}
.fourthSection-deckCard .mainCTA{
    margin-left: 10px; margin-bottom: 10px;
}
.fourthSection-deckCardTitle{
    font-size: 1.5rem;
}
/* Fifth Section */
.body-sectionWrapper.fifthSection{
    flex-direction: column; padding: 40px 15px;
}
.fifthSection-title{
    text-align: center; font-size: 3.625rem; line-height: 55px;
}
.fifthSection-articlesWrapper{
    flex-direction: column; gap: 50px;
}
/* Sixth Section */
.sixthSection-foregroundWrapper{
    padding: 80px 15px 40px 15px; flex-direction: column;
}
.sixthSection-titleWrapper{
    display: flex; flex-direction: column; justify-content: start; align-items: center;
}
.sixthSection-title{
    text-align: center; font-size: 3.625rem; line-height: 55px; margin-top: initial;
}
.sixthSection-title::before {
    left: calc(50% - 80px); top: -50px;
}
.sixthSection-guidesWrapper{
    display: flex; flex-direction: column; width: 100%; align-items: center; justify-content: start;
}
.sixthSection-guideWrapper{
    width: 100%; margin: initial; margin-top: 50px;
}
.sixthSection-guideWrapper:nth-child(2n){
    margin-top: 50px;
}
/* Seventh Section */
.body-sectionWrapper.seventhSection{
    padding: 80px 15px 40px 15px; flex-direction: column;
}
.seventhSection-foregroundWrapper{
    display: flex; flex-direction: column; width: 100%; padding: initial; justify-content: start; align-items: center; gap: initial;
}
.seventhSection-title{
    text-align: center; font-size: 3.625rem; line-height: 55px; margin-bottom: initial;
}
.seventhSection-title::before {
    left: calc(50% - 80px); top: -50px;
}
.seventhSection-feedbackWrapper, .seventhSection-feedbackWrapper + .seventhSection-feedbackWrapper{
    margin-top: 100px; padding: 0 20px;
}
.seventhSection-leftColumn{
    display: flex; flex-direction: column; flex: 1.5; padding-left: initial; justify-content: start; align-items: center;
}
.seventhSection-rightColumn{
    display: flex; flex-direction: column; flex: 1; padding-right: initial; justify-content: start; align-items: center;
}
.seventhSection-feedbackTitle{
    font-size: 2.375rem; line-height: 2.375rem; 
}
.seventhSection-feedbackTitle::before, .seventhSection-rightColumn .seventhSection-feedbackTitle::before{
    top: -35px; left: -25px; width: 75px; height: 75px;
}
.seventhSection-feedbackAuthor, .seventhSection-rightColumn .seventhSection-feedbackAuthor{
    font-size: 1.5rem; margin-top: 10px; line-height: 30px;
}
/* Eighth Section */
.body-sectionWrapper.eighthSection{
    padding: 80px 15px 40px 15px; flex-direction: column;
}
.eighthSection-foregroundWrapper{
    width: 90%; flex-direction: column; justify-content: start; align-items: center; gap: 0;
}
.eighthSection-downloadWrapper{
    align-items: center;
}
.eighthSection-image{
    margin: initial; width: 80%; max-width: initial;
}
.eighthSection-title{
    text-align: center; font-size: 3.625rem; line-height: 55px; margin-top: 20px; margin-bottom: 50px;
}
/* Ninth Section */
.body-sectionWrapper.ninthSection{
    padding: 80px 15px 40px 15px; flex-direction: column;
}
.ninthSection-topWrapper{
    width: 100%; padding: 50px 15px;
}
.ninthSection-title{
    max-width: initial;
}
.ninthSection-subtitle{
    max-width: initial;
}
.ninthSection-formInputWrapper{
    border-width: 10px; height: initial;
}
.ninthSection-formInput{
    width: 100%; height: 45px; font-size: 1rem;
}
.ninthSection-bottomWrapper{
    padding: 80px 0 40px 0; flex-direction: column; align-items: center; width: 100%; background: initial; min-height: initial;
}
.ninthSection-bottomWrapper .ninthSection-formWrapper{
    align-items: center; justify-content: start;
}
.ninthSection-bottomImage{
    width: 100vw; margin-bottom: 80px;
}
.ninthSection-formWrapper{
    width: 100%;
}
.ninthSection-formTitle{
    text-align: center; max-width: initial;
}
.ninthSection-formTitle::before {
    left: calc(50% - 80px); top: -50px;
}
.ninthSection-formInputErrorLabel{
    line-height: 45px; font-size: 1rem; opacity: 0;
}
.ninthSection-bottomWrapper .ninthSection-formInputWrapper{
    border-width: 10px; height: initial; width: 100%;
}
.ninthSection-bottomWrapper .ninthSection-formInput{
    width: 100%;
}
.ninthSection-formInputWrapper.closed{
    height: 0; opacity: 0; padding: 0; margin: 0; border-width: 0;
}