#module-gurutools-newsletter #footer #footer-container-first {
    display: none;
}

#module-gurutools-newsletter #wrapper {
    padding-bottom: 0;
}

#module-gurutools-newsletter #inner-wrapper {
    padding: 0;
}

.newsletter-background {
    background: url("https://valeriahome.com/modules/gurutools/views/img/newsletter/newsletter_background.jpeg") no-repeat bottom;
    background-size: cover;
    height: 80vh;
}

.newsletter-fade {
    background: rgba(255, 255, 255, 0.4);
}

.newsletter-card {
    width: 35%;
}

.newsletter-card-text {
    background: #E1D8DBF2;
    padding: 24px;
    height: 230px;
}

.newsletter-card-text::after {
    content: '';
    position: absolute;
    width: 100px;
    border: 2px solid #EBB9AE;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.newsletter-card-text h1 {
    font-family: Newsreader, sans-serif;
    line-height: 1;
}

.newsletter-card-text p,
.subscribe-btn,
.newsletter-card-form label,
#gurutools_newsletter_email,
#newsletter-datepicker {
    font-family: DM Sans, sans-serif !important;
    line-height: 1.3;
}

.newsletter-card-text p {
    font-weight: 500;
}

.newsletter-card-text .text-blue {
    color: #25344D;
}

.newsletter-card-text::before {
    content: '';
    position: absolute;
    background: url("https://valeriahome.com/modules/gurutools/views/img/newsletter/newsletter_macro.svg") no-repeat;
    width: 175px;
    height: 207px;
    right: -89px;
    top: 0;
    z-index: 0;
}

.newsletter-card-form {
    background: #25344DD9;
    padding: 16px 26px;
}

.newsletter-card-form-inputs {
    gap: 21px;
}

#gurutools_newsletter_email,
#newsletter-datepicker {
    padding: 15px;
}

#gurutools_newsletter_email {
    width: 55%;
}

.terms_checkbox label {
    color: #fff;
    font-size: 13px;
    margin-bottom: 0;
}

.subscribe-btn {
    background: #DCD1D4;
}

#module-gurutools-newsletter .swal-button-container:last-child {
    display: none;
}

/* Hide the default arrow from the select dropdowns */
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: white;
    padding-right: 10px;
    font-size: 14px;
}

/* Add a custom arrow using a background image or other method */
.ui-datepicker select.ui-datepicker-month::after,
.ui-datepicker select.ui-datepicker-year::after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgdmVyc2lvbj0iMS4xIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZmlsbD0iIzAwMDAwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTYwLjI2MyA0Ny43MjlMMzcuODIzIDI1LjMwMyAzMCAzMi4wNjkgNTAgNTIuMzM3IDcwIDMyLjA2OWwtNy44MjMtNi43NjQtMjIuNDM3IDIyLjQzN3oiIC8+IDwvc3ZnPg==') no-repeat center center;
    pointer-events: none; /* Ensure the custom arrow doesn't interfere with dropdown interaction */
}

/* Position the custom arrow */
.ui-datepicker select.ui-datepicker-month {
    position: relative;
    padding-right: 20px; /* Space for the custom arrow */
}
.ui-datepicker select.ui-datepicker-year {
    position: relative;
    padding-right: 20px; /* Space for the custom arrow */
}

@media (max-width: 576px) {
    .newsletter-card {
        width: 100%;
        padding: 0 20px;
    }

    .newsletter-card-text {
        padding: 20px;
        height: 180px;
    }

    .newsletter-card-text::before {
        background: url("https://valeriahome.com/modules/gurutools/views/img/newsletter/mobile_macro.svg") no-repeat;
        width: 60px;
        right: 0;
    }

    .newsletter-card-form {
        padding: 16px 20px;
    }
}

@media (min-width: 577px) and (max-width: 992px) {
    .newsletter-card {
        width: 70%;
    }
}

@media (min-width: 993px) and (max-width: 1180px) {
    .newsletter-card {
        width: 55%;
    }
}

@media (min-width: 1181px) and (max-width: 1280px) {
    .newsletter-card {
        width: 40%;
    }
}