/*================================================
EA Newsletter Area CSS
=================================================*/

.ea-newsletter-bg {
  background: linear-gradient(45deg, #3225a0, #3b0c76);
}

.ea-newsletter-bg .ea-title {
  color: var(--whiteColor);
}

.ea-newsletter-bg h3 {
  font-size: 30px;
}

.ea-newsletter-bg p {
  color: var(--whiteColor);
  margin-bottom: 30px;
}

.ea-newsletter-bg.style-two {
  /*background-image: url(../../assets/img/newsletter/newsletter-bg-1.jpg);*/
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: relative;
  z-index: 1;
}

.ea-newsletter-bg.style-two::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  /*background-image: url(../../assets/img/newsletter/ea-thumb-bg.jpg);*/
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  z-index: -1;
}

.ea-newsletter-bg.style-two .ea-thumb-bg {
  padding-left: 50px;
  padding-right: 50px;
}

.ea-newsletter-bg.style-three {
  background: -webkit-gradient(linear, left top, right top, from(#04dd9e), to(#8ee164));
  background: linear-gradient(to right, #04dd9e, #8ee164);
  max-width: 1230px;
  margin: auto;
  border-radius: 30px;
  text-align: center;
  position: relative;
  z-index: 1;
}

.ea-newsletter-bg.style-three .ea-title {
  color: var(--blackColor);
}

.ea-newsletter-bg.style-three .shape {
  position: absolute;
  z-index: -1;
}

.ea-newsletter-bg.style-three .shape.shape-1 {
  bottom: 0;
  left: 0;
}

.ea-newsletter-bg.style-three .shape.shape-2 {
  top: 0;
  right: 0;
}

.ea-newsletter-bg.style-four {
  background: linear-gradient(45deg, #111f3d, #111f3d);
}

.ea-newsletter-bg.style-four p {
  margin-bottom: 10px;
}

.ea-newsletter-bg.style-four .ea-title {
  margin-bottom: 0;
}

.ea-newsletter-bg.style-five {
  /*background-image: url(../../assets/img/newsletter/newsletter-bg-2.jpg);*/
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  max-width: 1230px;
  margin: auto;
  border-radius: 30px;
}

.ea-newsletter-bg.style-five p {
  color: var(--blackColor);
}

.ea-newsletter-bg.style-five .ea-title {
  color: var(--blackColor);
}

.ea-newsletter-bg.style-six {
  /*background-image: url(../../assets/img/newsletter/newsletter-bg-3.jpg);*/
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: relative;
  z-index: 1;
  text-align: center;
}

.ea-newsletter-bg.style-six::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: -1;
}

.ea-newsletter-bg.style-seven {
  background: linear-gradient(45deg, #f8c823, #f8c823);
  height: 100%;
  max-width: 1230px;
  margin: auto;
  border-radius: 30px;
}

.ea-newsletter-bg.style-seven .ea-title {
  color: var(--blackColor);
}

.ea-newsletter-form {
  position: relative;
}

.ea-newsletter-form .form-control {
  height: 55px;
  background-color: var(--whiteColor);
  border: 1px solid var(--whiteColor);
}

.ea-newsletter-form .form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.ea-newsletter-form .subscribe-btn {
  position: absolute;
  top: 2px;
  right: 2px;
  height: 51px;
  border: none;
  padding: 10px 40px;
  background: -webkit-gradient(linear, left top, right top, from(#ba61df), to(#642cfb));
  background: linear-gradient(to right, #ba61df, #642cfb);
  color: var(--whiteColor);
  border-radius: 4px;
  z-index: 1;
}

.ea-newsletter-form .subscribe-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#642cfb), to(#ba61df));
  background: linear-gradient(to right, #642cfb, #ba61df);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  border-radius: 4px;
  z-index: -1;
}

.ea-newsletter-form .subscribe-btn i {
  position: relative;
  top: 2px;
}

.ea-newsletter-form .subscribe-btn:hover::before {
  width: 100%;
}

.ea-newsletter-form.style-two .form-control {
  border: 1px solid #c98431;
  background-color: #8552e7;
  color: var(--whiteColor);
}

.ea-newsletter-form.style-two .form-control::-webkit-input-placeholder {
  color: var(--whiteColor);
}

.ea-newsletter-form.style-two .form-control:-ms-input-placeholder {
  color: var(--whiteColor);
}

.ea-newsletter-form.style-two .form-control::-ms-input-placeholder {
  color: var(--whiteColor);
}

.ea-newsletter-form.style-two .form-control::placeholder {
  color: var(--whiteColor);
}

.ea-newsletter-form.style-two .subscribe-btn {
  background: -webkit-gradient(linear, left top, right top, from(#e39b42), to(#ecb858));
  background: linear-gradient(to right, #e39b42, #ecb858);
}

.ea-newsletter-form.style-two .subscribe-btn::before {
  background: -webkit-gradient(linear, left top, right top, from(#ecb858), to(#e39b42));
  background: linear-gradient(to right, #ecb858, #e39b42);
}

.ea-newsletter-form.style-three .form-control {
  border: 1px solid var(--whiteColor);
  background-color: transparent;
  color: var(--whiteColor);
  border-radius: 50px;
}

.ea-newsletter-form.style-three .form-control::-webkit-input-placeholder {
  color: var(--whiteColor);
}

.ea-newsletter-form.style-three .form-control:-ms-input-placeholder {
  color: var(--whiteColor);
}

.ea-newsletter-form.style-three .form-control::-ms-input-placeholder {
  color: var(--whiteColor);
}

.ea-newsletter-form.style-three .form-control::placeholder {
  color: var(--whiteColor);
}

.ea-newsletter-form.style-three .subscribe-btn {
  background: -webkit-gradient(linear, left top, right top, from(#434343), to(#141515));
  background: linear-gradient(to right, #434343, #141515);
  border-radius: 50px;
}

.ea-newsletter-form.style-three .subscribe-btn::before {
  background: -webkit-gradient(linear, left top, right top, from(#141515), to(#434343));
  background: linear-gradient(to right, #141515, #434343);
  border-radius: 50px;
}

.ea-newsletter-form.style-four .form-control {
  border: 1px solid var(--whiteColor);
  background-color: transparent;
  color: var(--whiteColor);
  border-radius: 50px;
  width: 87%;
}

.ea-newsletter-form.style-four .form-control::-webkit-input-placeholder {
  color: var(--whiteColor);
}

.ea-newsletter-form.style-four .form-control:-ms-input-placeholder {
  color: var(--whiteColor);
}

.ea-newsletter-form.style-four .form-control::-ms-input-placeholder {
  color: var(--whiteColor);
}

.ea-newsletter-form.style-four .form-control::placeholder {
  color: var(--whiteColor);
}

.ea-newsletter-form.style-four .subscribe-btn {
  background: -webkit-gradient(linear, left top, right top, from(#0041ff), to(#0041ff));
  background: linear-gradient(to right, #0041ff, #0041ff);
  border-radius: 50px;
}

.ea-newsletter-form.style-four .subscribe-btn::before {
  background: -webkit-gradient(linear, left top, right top, from(#0041ff), to(#0041ff));
  background: linear-gradient(to right, #0041ff, #0041ff);
  border-radius: 50px;
  display: none;
}

.ea-newsletter-form.style-five .form-control {
  border: 1px solid var(--blackColor);
  background-color: transparent;
  color: var(--blackColor);
  border-radius: 4px;
}

.ea-newsletter-form.style-five .form-control::-webkit-input-placeholder {
  color: #b5b5b5;
}

.ea-newsletter-form.style-five .form-control:-ms-input-placeholder {
  color: #b5b5b5;
}

.ea-newsletter-form.style-five .form-control::-ms-input-placeholder {
  color: #b5b5b5;
}

.ea-newsletter-form.style-five .form-control::placeholder {
  color: #b5b5b5;
}

.ea-newsletter-form.style-five .subscribe-btn {
  background: -webkit-gradient(linear, left top, right top, from(#3d3d3d), to(#3d3d3d));
  background: linear-gradient(to right, #3d3d3d, #3d3d3d);
  border-radius: 4px;
  position: unset;
  margin-top: 10px;
  width: 100%;
}

.ea-newsletter-form.style-five .subscribe-btn::before {
  background: -webkit-gradient(linear, left top, right top, from(#3d3d3d), to(#3d3d3d));
  background: linear-gradient(to right, #3d3d3d, #3d3d3d);
  border-radius: 4px;
  display: none;
}

.ea-newsletter-form.style-six .form-control {
  background-color: #f6f6f7;
  border: 1px solid #f6f6f7;
  color: var(--blackColor);
  border-radius: 4px;
}

.ea-newsletter-form.style-six .form-control::-webkit-input-placeholder {
  color: #b5b5b5;
}

.ea-newsletter-form.style-six .form-control:-ms-input-placeholder {
  color: #b5b5b5;
}

.ea-newsletter-form.style-six .form-control::-ms-input-placeholder {
  color: #b5b5b5;
}

.ea-newsletter-form.style-six .form-control::placeholder {
  color: #b5b5b5;
}

.ea-newsletter-form.style-six .subscribe-btn {
  background: -webkit-gradient(linear, left top, right top, from(#f44571), to(#f44571));
  background: linear-gradient(to right, #f44571, #f44571);
  border-radius: 4px;
  position: unset;
  margin-top: 20px;
  width: 100%;
}

.ea-newsletter-form.style-six .subscribe-btn::before {
  background: -webkit-gradient(linear, left top, right top, from(#3d3d3d), to(#3d3d3d));
  background: linear-gradient(to right, #3d3d3d, #3d3d3d);
  border-radius: 4px;
  display: none;
}

.ea-newsletter-form.style-seven .form-control {
  background-color: transparent;
  border: 1px solid #ffffff;
  color: var(--whiteColor);
  border-radius: 0;
}

.ea-newsletter-form.style-seven .form-control::-webkit-input-placeholder {
  color: #ffffff;
}

.ea-newsletter-form.style-seven .form-control:-ms-input-placeholder {
  color: #ffffff;
}

.ea-newsletter-form.style-seven .form-control::-ms-input-placeholder {
  color: #ffffff;
}

.ea-newsletter-form.style-seven .form-control::placeholder {
  color: #ffffff;
}

.ea-newsletter-form.style-seven .subscribe-btn {
  background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#ffffff));
  background: linear-gradient(to right, #ffffff, #ffffff);
  border-radius: 0;
  color: var(--blackColor);
}

.ea-newsletter-form.style-seven .subscribe-btn i {
  color: var(--blackColor);
}

.ea-newsletter-form.style-seven .subscribe-btn::before {
  background: -webkit-gradient(linear, left top, right top, from(#3d3d3d), to(#3d3d3d));
  background: linear-gradient(to right, #3d3d3d, #3d3d3d);
  border-radius: 4px;
  display: none;
}

.ea-social-icon {
  padding: 0;
  margin: 0;
  list-style: none;
}

.ea-social-icon li {
  display: inline-block;
  margin-top: 30px;
  margin-right: 5px;
}

.ea-social-icon li:last-child {
  margin-right: 0;
}

.ea-social-icon li a i {
  width: 35px;
  height: 35px;
  line-height: 35px;
  background-color: var(--whiteColor);
  border-radius: 4px;
  color: var(--blackColor);
  text-align: center;
  font-size: 20px;
  position: relative;
  z-index: 1;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.ea-social-icon li a i::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#ba61df), to(#642cfb));
  background: linear-gradient(to right, #ba61df, #642cfb);
  border-radius: 4px;
  z-index: -1;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.ea-social-icon li a:hover i {
  color: var(--whiteColor);
}

.ea-social-icon li a:hover i::after {
  width: 100%;
}

.ea-social-icon.style-two li a i::after {
  background: -webkit-gradient(linear, left top, right top, from(#e39b42), to(#ecb857));
  background: linear-gradient(to right, #e39b42, #ecb857);
}

.ea-social-icon.style-three li a i {
  border-radius: 50px;
}

.ea-social-icon.style-three li a i::after {
  background: -webkit-gradient(linear, left top, right top, from(#434343), to(#141515));
  background: linear-gradient(to right, #434343, #141515);
  border-radius: 50px;
}

.ea-social-icon.style-four {
  text-align: right;
}

.ea-social-icon.style-four li {
  margin-top: 0;
}

.ea-social-icon.style-four li a i {
  border-radius: 50%;
}

.ea-social-icon.style-four li a i::after {
  background: -webkit-gradient(linear, left top, right top, from(#0041ff), to(#0041ff));
  background: linear-gradient(to right, #0041ff, #0041ff);
  border-radius: 50%;
}

.ea-social-icon.style-seven li a i {
  border-radius: 0;
}

.ea-social-icon.style-seven li a i::after {
  background: -webkit-gradient(linear, left top, right top, from(#434343), to(#141515));
  background: linear-gradient(to right, #434343, #141515);
  border-radius: 0;
}

.ea-newsletter-img {
  text-align: right;
}
