.newsletter-subscribe .modal {
  background-color: rgba(250, 100, 0, 0.3);
}
.newsletter-subscribe .modal-content {
  border-radius: 0;
  border: 0;
  border-radius: 20px;
}
.newsletter-subscribe .modal-content .modal-header {
  border-bottom: 0;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 12345;
}
.newsletter-subscribe .modal-content .modal-header .close-btn {
  background-color: rgba(231, 231, 231, 0.95);
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50% !important;
  color: rgba(17, 17, 17, 0.7);
  text-decoration: none;
  font-size: 20px;
}
.newsletter-subscribe .modal-content .modal-body {
  align-items: center;
  background-color: rgb(250, 100, 0);
}
.newsletter-subscribe .modal-content .modal-body img {
  height: 100%;
  width: 100%;
}
.newsletter-subscribe .modal-content .modal-body .content img {
  height: 58px;
  width: 175px;
  display: block;
  margin: auto;
  margin-bottom: 20px;
}
.newsletter-subscribe .modal-content .modal-body .content h1 {
  line-height: 1.32;
  color: #fff;
  font-size: 32px;
  font-weight: bold;
}
.newsletter-subscribe .modal-content .modal-body .content p {
  color: #fff;
  font-size: 20px;
  font-weight: normal;
  margin: 8px 0px 0px;
}
.newsletter-subscribe .modal-content .modal-body .content .floating-label {
  position: relative;
  margin-bottom: 1rem;
  background-color: rgb(255, 255, 255);
}
.newsletter-subscribe .modal-content .modal-body .content .floating-label input {
  width: 100%;
  border: 1px solid #d1d5db;
  padding: 1rem 0.75rem 0.25rem 0.75rem;
  font-size: 0.875rem;
  background: transparent;
  outline: none;
  font-family: inherit;
}
.newsletter-subscribe .modal-content .modal-body .content .floating-label input:not(:-moz-placeholder-shown) + label {
  top: 0.25rem;
  font-size: 0.75rem;
  color: #111827;
  font-weight: 600;
}
.newsletter-subscribe .modal-content .modal-body .content .floating-label input:focus + label, .newsletter-subscribe .modal-content .modal-body .content .floating-label input:not(:placeholder-shown) + label {
  top: 0.25rem;
  font-size: 0.75rem;
  color: #111827;
  font-weight: 600;
}
.newsletter-subscribe .modal-content .modal-body .content .floating-label label {
  pointer-events: none;
  position: absolute;
  left: 0.75rem;
  top: 0.75rem;
  color: rgb(17, 17, 17);
  font-size: 0.875rem;
  font-weight: 600;
  transition: all 0.2s ease-out;
  background-color: rgb(255, 255, 255);
  padding: 0 0.25rem;
  font-family: inherit;
}
.newsletter-subscribe .modal-content .modal-body .popup-btn {
  padding: 11px 16px;
  background-color: rgb(17, 17, 17);
  color: rgb(255, 255, 255);
  font-size: 16px;
  text-decoration: none;
  border: 2px solid transparent;
  transition: all 0.5s linear;
  width: 100%;
  text-transform: capitalize;
  margin-bottom: 15px;
  border-radius: 0px;
}
.newsletter-subscribe .modal-content .modal-body .popup-btn:hover {
  border: 2px solid rgb(17, 17, 17);
  background-color: rgb(255, 255, 255);
  color: rgb(17, 17, 17);
}/*# sourceMappingURL=newsletter-subscribe.css.map */