@import url("https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@100;200;300;400;500;600;700;800;900&display=swap");
/*** all Mobile Screen (iphone 6,7,8) ***/
/*** mobile Landscape Size ***/
/*** medium devices (tablets, less than 992px) ***/
/*** iPad in landscape ***/
/**** smaller than desktop 1200 (devices and browsers) ***/
/*** laptop with MDPI (medium density per inch) resolution ***/
/*** laptop with HiDPI (High Dots Per Inch) resolution ***/
/*** WSXGA (Wide Super Extended Graphics Array) resolution ***/
/*** all Mobile Screen (iphone 6,7,8) ***/
/*** mobile Landscape Size ***/
/*** medium devices (tablets, less than 992px) ***/
/*** iPad in landscape ***/
/**** smaller than desktop 1200 (devices and browsers) ***/
/*** laptop with MDPI (medium density per inch) resolution ***/
/*** laptop with HiDPI (High Dots Per Inch) resolution ***/
/*** WSXGA (Wide Super Extended Graphics Array) resolution ***/
.newsletter {
  background: #FFF8EE;
  position: relative;
  z-index: 1;
}
@media (max-width: 991px) {
  .newsletter {
    padding-bottom: 30px;
  }
}
.newsletter:before {
  background: url(../img/bottom-vector.svg) no-repeat center/contain;
  content: "";
  position: absolute;
  top: 100px;
  display: block;
  width: 630px;
  aspect-ratio: 0.9633;
  z-index: 1;
  max-width: 50vw;
}
.newsletter .container {
  position: relative;
  z-index: 2;
}
.newsletter .newsletter-form {
  background-color: #FFFFFF;
  border-radius: 40px;
  padding: 80px;
}
@media (min-width: 992px) {
  .newsletter .newsletter-form {
    transform: translateY(20%);
  }
}
@media (max-width: 1679px) {
  .newsletter .newsletter-form {
    border-radius: 30px;
    padding: 60px;
  }
}
@media (max-width: 1481px) {
  .newsletter .newsletter-form {
    border-radius: 20px;
    padding: 40px;
  }
}
@media (max-width: 1281px) {
  .newsletter .newsletter-form {
    border-radius: 15px;
    padding: 30px;
  }
}
.newsletter .newsletter-form .btn {
  width: 100%;
}
.newsletter .title-col .title {
  padding-top: 2em;
}
.newsletter .title-col .subtitle {
  font-size: 20px;
  color: #4F4F5B;
  max-width: 27.5em;
}
@media (max-width: 1679px) {
  .newsletter .title-col .subtitle {
    font-size: 16px;
  }
}
@media (max-width: 1481px) {
  .newsletter .title-col .subtitle {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .newsletter .title-col .subtitle {
    max-width: 100%;
  }
}

/*# sourceMappingURL=newsletter.css.map */