/* Container */

.masthead + .newsletter{
    padding-top: 30px;
}

.newsletter {
    padding: 36px 0 55px;
    position: relative;
}

.newsletter__wrapper {
    position: relative;
    z-index: 4;
}

.newsletter p {
    letter-spacing: 0.03em;
    line-height: 1.4;
}

/* Left Column */
.newsletter__left {
    padding: 19px 22px 0 147px;
    position: relative;
}

.newsletter__left__image {
    height: 287px;
    left: 5px;
    position: absolute;
    top: 0;
    width: 160px;
}

.newsletter__left__text {
    position: relative;
    z-index: 2;
}

.newsletter-dog-image {
    position: absolute;
    width: 129px;
    z-index: 1;
    height: 280px;
}

.newsletter-left-curve {
    left: -40px;
    position: absolute;
    top: 24px;
    width: 109px;
    height: 135px;
}

/* Right Column */
.newsletter__right {
    margin: 32px 0 0;
    padding: 0 22px;
    position: relative;
    z-index: 1;
}

.newsletter__right__image {
    bottom: -45px;
    position: absolute;
    right: -64px;
    transform: rotate(-24deg);
    width: 184px;
}

.newsletter-right-curve {
    bottom: 26px;
    position: absolute;
    right: 5px;
    width: 73px;
    height: 47px;
}

/* Newsletter Area */
.newsletter-area {
    background-color: #fff;
    border: 1px solid #F0F0F0;
    border-radius: 25px;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
    padding: 30px 35px;
    position: relative;
    text-align: center;
    z-index: 1;
}

.newsletter-area h2 {
    color: #00807F;
    font-size: 22px;
}

.newsletter-area h3 {
    color: #00807F;
    font-family: "Caveat", cursive;
    font-size: 22px;
    font-weight: 400;
    margin: 15px 0 0;
}

.newsletter-area h3 a {
    color: #00807F;
}

/* Newsletter Input */
.newsletter__input {
    margin: 15px 0 0;
}

.newsletter__input input {
    background: #F1FCFA;
    border: 1px solid #ACDBD1;
    border-radius: 50px;
    color: #005140;
    display: block;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.03em;
    padding: 10px 20px;
    width: 100%;
}

.newsletter__input input::placeholder {
    color: #005140;
    opacity: 1;
}

.newsletter__input .btn {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: center;
    margin: 10px 0 0;
    padding: 15px 20px;
    width: 100%;
}

.newsletter__input .btn:after {
    position: relative;
    right: 0;
    top: 0;
    transform: unset;
}

@media (min-width: 768px) {
    /* Container */
    .newsletter {
        padding: 55px 0;
    }

    .newsletter p {
        line-height: 1.6875;
    }

    .newsletter__wrapper {
        padding: 0 52px 0 284px;
        position: relative;
    }

    /* Left Column */
    .newsletter__left {
        padding: 0;
        position: unset;
    }

    .newsletter__left__image {
        bottom: -109px;
        height: 502px;
        left: 35px;
        top: unset;
        width: 280px;
    }

    .newsletter-dog-image {
        width: 223px;
        height: 482px;
    }

    .newsletter-left-curve {
        left: -43px;
        top: -35px;
        transform: rotate(-16deg);
        width: 270px;
        height: 335px;
    }

    /* Right Column */
    .newsletter__right {
        padding: 0;
    }

    .newsletter__right__image {
        bottom: -45px;
        right: -88px;
        transform: unset;
        width: 184px;
    }

    .newsletter-right-curve {
        bottom: 49px;
        right: 14px;
        width: 121px;
        height: 78px;
    }

    /* Newsletter Area */
    .newsletter-area h2 {
        font-size: 30px;
    }

    .newsletter-area h3 {
        font-size: 28px;
    }
}

@media (min-width: 1200px) {
    /* Container */

    .masthead + .newsletter{
        padding-top: 60px;
    }


    .newsletter {
        padding: 100px 0;
    }

    .newsletter__wrapper {
        align-items: center;
        display: flex;
        gap: 128px;
        padding: 0 64px 0 322px;
        position: relative;
    }

    /* Left Column */
    .newsletter__left {
        flex: 2 1 0;
    }

    .newsletter__left__image {
        bottom: -142px;
        height: 577px;
        left: 35px;
        top: unset;
        width: 350px;
    }

    .newsletter-dog-image {
        width: 261px;
        height: 562px;
    }

    .newsletter-left-curve {
        left: -28px;
        top: 117px;
        transform: unset;
    }

    /* Right Column */
    .newsletter__right {
        margin: 0;
        flex: 3 1 0;
    }

    .newsletter-right-curve {
        bottom: 40px;
        right: 14px;
        width: 121px;
    }

    /* Newsletter Area */
    .newsletter-area h2 {
        font-size: 35px;
    }

    /* Newsletter Input */
    .newsletter__input input {
        font-size: 18px;
        padding: 14px 25px;
    }

    .newsletter__input .btn {
        height: 62px;
        margin: 20px 0 0;
        padding: 20px 20px;
    }
}

@media (min-width: 1600px) {
    /* Container */
    .newsletter {
        padding: 150px 0;
    }

    .newsletter__wrapper {
        margin: 0 auto;
        max-width: 1920px;
        padding: 0 216px 0 368px;
    }

    /* Left Column */
    .newsletter__left__image {
        bottom: -237px;
        height: 755px;
        left: 15px;
        width: 541px;
    }

    .newsletter-dog-image {
        width: 326px;
        height: 702px;
    }

    .newsletter-left-curve {
        left: -157px;
        top: 17px;
        width: 460px;
        height: 567px;
    }

    /* Right Column */
    .newsletter__right__image {
        bottom: -95px;
        right: -218px;
        width: auto;
    }

    .newsletter-right-curve {
        bottom: 88px;
        right: 14px;
        width: 268px;
        height: 173px;
    }

    /* Newsletter Area */
    .newsletter-area {
        padding: 65px 75px;
    }

    .newsletter-area h2 {
        font-size: 44px;
    }

    .newsletter-area h3 {
        font-size: 35px;
    }
}