.news-letter {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-direction: column;
    padding: 40px;
    background: linear-gradient(0deg, #C1E2FF 0%, #39A2FF 100%);
}

.news-letter-header {
    color: var(--text-001, #1D242B);
    text-align: center;
    font-family: Quicksand;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}



input[type="email"] {
    border-radius: 6px;
    background: #FFF;
    width: 100%;
    height: 56px;
    /* padding: 18px 298px 18px 16px; */
    border: 1px solid #ccc;
    box-sizing: border-box;
    font-size: 16px;
    outline: none;
    padding-left: 1rem;
}


button[type="submit"],
.news-letter-button {
    display: flex;
    width: 34.5%;
    height: 56px;
    padding: 12px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 4px;
    background: #2A74B5;
    color: white;
}

button[type="submit"]:hover,
.news-letter-button:hover {
    background-color: #245d91;
}

button[type="submit"]:active,
.news-letter-button:active {
    background-color: #1d4870;
}

/* .news-letter {
    padding-top: 8%;
} */

.news-letter-content,
.news-letter-input,
.news-letter-button {
    font-family: Quicksand;
    font-size: 20px;
}

/* Contact us css starts  */

.succed {
    background: #F0F0F3;
    padding-top: 6%;
}

.succed-text {
    display: flex;
    justify-content: center;
}

.text-head {
    font-family: Quicksand;
    font-size: 40px;
    font-weight: 700;
    padding: 2%;
    padding-top: 4%;
}

.text-para {
    display: flex;
    justify-content: center;
}

.brief-text {
    font-family: Quicksand;
    font-size: 24px;
    font-weight: 500;
    padding: 3%;
    text-align: center;
    line-height: 30px;

}

.in-touch {
    padding: 1%;
}

.get-in {
    display: flex;
    justify-content: center;
}

.get-in-touch {
    padding: 3%;

    font-family: Quicksand;
    font-size: 32px;
    font-weight: 700;



}

.the-forms {
    width: 100%;
    display: flex;
    padding-bottom: 5%;

}

.address-fields {
    width: 50%;

}

.form-fields {
    width: 50%;

}

.single-box {
    padding: 3%;
    background: linear-gradient(90deg, #F0F0F3 0%, #A3CAEC 100%);
    border-radius: 10px;
    margin-top: 2%;
    margin-left: 10%;
    margin-right: 10%;
}

.inov-head {

    font-family: Quicksand;
    font-size: 20px;
    font-weight: 600;
    color: var(--Color-Primary_001, rgba(1, 87, 162, 1));

}

.inov-text {
    margin-top: 2%;
    font-family: Quicksand;
    font-size: 18px;
    font-weight: 400;
    color: rgba(22, 4, 4, 1);


}

.first-div {
    /* width:25%; */
}

.second-div {
    /* width:25%; */
}

.single-line-form {
    display: flex;
    justify-content: space-around;
    padding-top: 2%;
}

.first-div {
    display: flex;
}

.input-text-fieldss {
    font-family: Quicksand;
    font-size: 18px;
    font-weight: 400;
    color: rgba(22, 4, 4, 1);
    padding: 4%;
    border-radius: 10px;
    border: none;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05);
    ;
}

.image-icons {
    padding: 6%;
}

.full-line {
    display: flex;
}


.third-field {
    width: 50%;
    display: flex;
    justify-content: center;

}

.inner-field {
    display: flex;
}

.third-field {
    margin-top: 2%;
}

.img-icon {
    padding: 6%;
}

.input-fld {
    font-size: 18px;
    font-weight: 400;
    color: rgba(22, 4, 4, 1);
    padding: 4%;
    border-radius: 10px;
    border: none;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05);
    margin-left: 18%;
}

.input-message {
    font-size: 18px;
    font-weight: 400;
    color: rgba(22, 4, 4, 1);
    padding: 4%;
    border-radius: 10px;
    border: none;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05);
    width: 333px;
    margin-left: 29%;
    height: 100%;
}

.submit-btns {
    background: rgba(42, 116, 181, 1);
    color: white;
    padding: 2%;
    margin-left: 9%;
    margin-top: 2%;
    margin-right: 9%;
    text-align: center;
    font-family: Quicksand;
    font-size: 18px;
}

.textarea.input-message {
    font-family: 'Quicksand';
}

.news-letter-input {
    width: 35%;
}


.news-letter-content {
    font-size: 18px;
}


.brief-text {
    font-size: 18px;
    padding-left: 5%;
    padding-right: 5%;
}

/* Contact us css ends  */


@media(max-width:768px) {
    .news-letter-content {
        text-align: center;
    }

    .news-letter-header {
        font-size: 18px;
    }

    .news-letter-content {
        font-size: 16px;
        line-height: 25px;
    }

    .news-letter-input {
        width: 60%;
    }

    button[type="submit"],
    .news-letter-button {
        width: 60%;
    }

    .news-letter-button {
        font-size: 16px;
    }

    input[type="email"] {
        height: 40px;
    }

    .news-letter-button {
        height: 40px;
    }

    .text-head,
    .get-in-touch,
    .inov-head {
        font-size: 18px;
    }

    .succed {
        padding-top: 12%;
    }

    .brief-text,
    .inov-text {
        font-size: 14px;
    }

    .the-forms {
        display: block;
    }

    .address-fields,
    .form-fields {
        width: 100%;
    }

    .submit-btns {
        font-size: 14px;
    }

    .form-fields {
        padding-top: 5%;
    }


}

@media(max-width:600px) {
    .succed {
        padding-top: 15%;
    }

    .form-fields {

        padding-left: 9%;
        padding-right: 9%;
    }
}

@media(max-width:425px) {

    .news-letter-input,
    .news-letter-button {
        width: 100%;
    }

    .news-letter-button,
    input[type="email"] {
        height: 40px;
    }

    .news-letter-button {
        font-size: 16px;
    }

    .succed {
        padding-top: 25%;
    }

    .feasibility-inputs-double {
        display: block;
    }

    .l-name,
    .emails {
        margin-top: 5%;
    }
    .brief-text{
      padding-left:10%;
      padding-right:10%;
    }
}

@media(max-width:375px) {
    .succed {
        padding-top: 25%;
    }
}

@media(max-width:320px) {
    .succed {
        padding-top: 30%;
    }
}