.news-letter-sec form > div{
    display: flex;
    align-items: center;
    gap: 25px;
}
.txtInput{
    position: relative;
    width: 70%;
}
.txtBox{
    padding: 7px 10px;
	border: none;
	border-bottom: 1px solid var(--color-707070);
	background: transparent;
	color: var(--color-darkBlue);
	caret-color: var(--focusColor);
	font-size: 20px;
	position: relative;
	width: inherit;
    flex: 1;
    width: 100%;
}
.txtBox:focus {
	outline: 0;
	transition: all 0.3s cubic-bezier(0.75, 0.25, 0.07, 0.95);
}

.placeholder-label{
	color: var(--color-707070);
	position: absolute;
	top: 10px;
	left: 10px;
	pointer-events: none;
    font-size: 20px;
	transition: all 0.3s cubic-bezier(0.75, 0.25, 0.07, 0.95);
}

.txtBox:focus ~ .placeholder-label,
.focused {
	left: 0;
	top: -15px;
	font-size: 0.8em;
	color: var(--focusColor);
}

@media(min-width:767px){
    .news-letter-sec .custom-container{
        padding-top: 57px;
        padding-bottom: 57px;
    }
}
@media(max-width:767px){
    .news-letter-sec form > div{
        flex-direction: column;
    }
    .txtInput {
        margin-top: 25px;
        position: relative;
        width: 100%;
    }
}