.newsletter {
  background-color: #fbfbfb;
  padding: 158px 0 236px;
}

.newsletter .title {
  font-size: 52px;
  font-weight: 600;
  text-align: center;
  color: #000000;
  line-height: 78px;
  margin-bottom: 14px;
}

.newsletter .desc {
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  color: #000000;
  line-height: 32px;
  margin-bottom: 78px;
}

.newsletter .content {
  width: fit-content;
  margin: 0 auto;
}

.newsletter .content .input-submit {
  display: flex;
  justify-content: center;
  margin-bottom: 28px;
}

.newsletter .content #newsletter-submit-success{
    display: none;
}

.newsletter .content input,
.newsletter .content button {
  border: none;
}

.newsletter .content .input-submit input {
  width: 530px;
  padding: 10px 38px;
  background: #ffffff;
  border-radius: 8px;
  margin-right: 14px;
  font-size:16px;
  line-height:16px;
  border-radius: 30px;
  border:1px solid rgba(0,0,0,.1);
  text-align: left;
  font-weight: normal !important;
  font-family: Poppins !important;
}
.newsletter .content .input-submit input::placeholder{
  font-size:16px !important;
  line-height:16px;
  font-family: Poppins !important;
  color: rgba(153, 153, 153);
}
.ar .newsletter .content .input-submit input{
  margin-left:14px;
  margin-right: 0px;
  
}

.newsletter .content .input-submit button {
  width: 167px;
  padding-top:10px;
  padding-bottom:10px;
  background: #3377ff;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  border-radius: 30px;
}
.newsletter .submit-success {
  color: #00bb97;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  color: #00bb97;
  line-height: 23px;
  letter-spacing: 0.28px;
  display: flex;
  align-items: center;
}

.newsletter .submit-success .text>span{
    display: block;
}

.newsletter .check-icon {
  width: fit-content;
  margin-right: 18px;
}
.newsletter .check-icon > .icon {
  width: 18px;
  height: 18px;
}

@media (max-width: 800px) {
  .newsletter {
    padding: 15vw 0 20vw;
  }

  .newsletter .title {
    font-size: 6.93vw;
    margin-bottom: 1.6vw;
    padding-left:4vw;
    padding-right:4vw;
    line-height:8vw;
    margin-bottom:4vw;
  }

  .newsletter .desc {
    font-size: 3.5vw;
    line-height: 4.27vw;
    margin-bottom: 10.67vw;
  }

  .newsletter .content .input-submit input {
    width: 62vw;
    height: 9.8vw;
    padding: 0 4.67vw;
    background: #ffffff;
    border-radius: 1.07vw;
    margin-right: 1.53vw;
    border-radius: 30px;
    text-align: left;
    border:1px solid rgba(0,0,0,.1);
  }

  .newsletter .content .input-submit input::placeholder {
    font-size: 2.67vw;
    line-height: 2.67vw;
    font-family: Poppins !important;
  }

  .newsletter .content .input-submit button {
    width: 26vw;
    height: 9.8vw;
    border-radius: 1.07vw;
    font-size: 3.5vw;
    border-radius: 30px;
  }

  .newsletter .submit-success {
    align-items: baseline;
  }

  .newsletter .submit-success .text {
    width: 84.27vw;
    font-size: 3.2vw;
    line-height: 4.8vw;
    letter-spacing: 0.08vw;
  }

  .newsletter .submit-success .text>span{
    display: inline;
  }

  .newsletter .check-icon {
    width: fit-content;
    margin-right: 2.13vw;
  }

  .newsletter .check-icon > .icon {
    width: 2.93vw;
    height: 2.93vw;
  }
}