.block_newsletter form {
    position : relative
}

.block_newsletter form input[type=text] {
    padding   : 10px;
    min-width : 255px;
    color     : var(--color-black-default);
    border    : 1px solid rgba(0, 0, 0, .25);
    font-weight: 500;
}

.block_newsletter form input[type=text]::placeholder{
  color: var(--color-grey-font-default);
  font-weight: 400;
}

.block_newsletter form input[type=text]:focus + button .search {
    color : #2fb5d2
}

.block_newsletter form button[type=submit] {
    position   : absolute;
    background : none;
    border     : none;
    bottom     : 12.5px;
    right      : 25px;
    display: flex;
    align-items: center;
    color      : var(--color-grey-font-default);
}

.block_newsletter form button[type=submit] .search:hover {
    color : #2fb5d2
}

.block_newsletter p {
    padding-top : .625rem
}

.block_newsletter form .input-wrapper {
    overflow : hidden
}

.block_newsletter form input[type=email] {
  padding : 15px 80px 15px 30px;
  width   : 100%;
  border-radius: 50px;
  border  : 1px solid transparent;
  font-size: 14px;
  transition: 0.3s ease;
}

.block_newsletter form input[type=email]:focus {
    border  : 1px solid var(--input-focus-color);
    outline : 0
}

.block_newsletter form input {
    height     : 50px;
    box-shadow : none
}

/********************
	Part - newsletter
********************/
.block_newsletter__wrapper{
  width: 100%;
}

.block_newsletter form .input__wrapper {
  margin          : 0 auto;
  display         : flex;
  justify-content : center;
}

.block_newsletter .conditions__wrapper {
  text-align : center;
}

.newsletter{
  padding: 60px 0;
  background: var(--color-tertiary);
}

.newsletter__container{
  display: flex;
  align-items: center;
  justify-content: center;
}

.newsletter__title{
  color: white;
  font-size: 25px;
  margin-right: 90px;
  white-space: nowrap;
  line-height: 1.2;
}

.newsletter .alert {
  position: absolute;
  top: -50px;
  width: 100%;
}

@media (max-width: 1023px){
  .newsletter__title{
    margin-right: 30px;
  }
}

@media (max-width: 767px){
  .newsletter{
    padding: 30px 0;
  }
  .newsletter__title{
    margin-right: 0;
    margin-left: 10px;
    margin-bottom: 30px;
    white-space: initial;
  }
  .newsletter__container{
    flex-direction: column;
    align-items: flex-start;
    padding: 0 10px
  }
  .newsletter .alert{
    position: initial;
    bottom:0;
  }
}

@media (max-width: 449px){
  .newsletter__title{
    font-size: 20px;
  }
}
