:root {
  --fallback-font-stack: Helvetica, Arial, serif;
}

.landing-page-02.mainContent {
  display: flex;
  flex-direction: column;
  background-color: #f9fbfa;
  overflow: hidden;
}
.landing-page-02 .heroSection {
  display: flex;
  flex-direction: column;
  min-height: 539px;
  background-color: #dccded;
}
.landing-page-02 .wrapper {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  width: 100%;
  max-width: 1366px;
  background-color: #dccded;
}
.landing-page-02 .heroContainer {
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 42px;
  column-gap: 42px;
  margin: 88px auto;
  width: 100%;
  max-width: 82.5%;
}
@media (max-width: 1199px) {
  .landing-page-02 .heroContainer {
    position: relative;
    max-width: 86%;
  }
}
@media (max-width: 991px) {
  .landing-page-02 .heroContainer {
    flex-direction: column;
    align-items: center;
    gap: 24px 42px;
  }
}
@media (max-width: 767px) {
  .landing-page-02 .heroContainer {
    gap: 30px 42px;
  }
}
@media (max-width: 575px) {
  .landing-page-02 .heroContainer {
    margin: 80px auto 88px;
  }
}
@media (max-width: 479px) {
  .landing-page-02 .heroContainer {
    gap: 16px 42px;
  }
}
@media (max-width: 383px) {
  .landing-page-02 .heroContainer {
    margin: 50px auto;
  }
}
.landing-page-02 .image {
  margin: 31px 0 52px;
  width: 100%;
  min-width: 0;
  max-width: 400px;
  height: 16rem;
  border-radius: 8px;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 1199px) {
  .landing-page-02 .image {
    position: relative;
    margin: 72px 0;
  }
}
@media (max-width: 991px) {
  .landing-page-02 .image {
    margin-top: unset;
    margin-bottom: unset;
  }
}
@media (max-width: 767px) {
  .landing-page-02 .image {
    margin: 0;
  }
}
.landing-page-02 .heroContent {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  width: auto;
  min-width: 0;
}
@media (max-width: 1199px) {
  .landing-page-02 .heroContent {
    position: relative;
    width: 85%;
  }
}
@media (max-width: 991px) {
  .landing-page-02 .heroContent {
    margin-top: unset;
    margin-bottom: unset;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .landing-page-02 .heroContent {
    min-width: unset;
  }
}
@media (max-width: 1199px) {
  .landing-page-02 .hero_title_box {
    align-items: flex-start;
  }
}
.landing-page-02 .hero_title {
  font: 52px/1.32 "Playfair Display", Helvetica, Arial, serif;
  color: #292a2d;
  text-transform: capitalize;
}
@media (max-width: 1199px) {
  .landing-page-02 .hero_title {
    font-size: 44px;
  }
}
@media (max-width: 767px) {
  .landing-page-02 .hero_title {
    font-size: 40px;
  }
}
@media (max-width: 575px) {
  .landing-page-02 .hero_title {
    font-size: 36px;
  }
}
@media (max-width: 479px) {
  .landing-page-02 .hero_title {
    font-size: 32px;
  }
}
@media (max-width: 383px) {
  .landing-page-02 .hero_title {
    font-size: 30px;
  }
}
.landing-page-02 .hero_title_span0 {
  font: 1em/1.33 "Playfair Display", Helvetica, Arial, serif;
  text-transform: capitalize;
}
.landing-page-02 .hero_title_span1 {
  font: 600 1em/1.33 "Playfair Display", Helvetica, Arial, serif;
}
.landing-page-02 .hero_title_span2 {
  font: italic 1em/1.33 "Playfair Display", Helvetica, Arial, serif;
  color: #5d328e;
  font-style: italic;
  text-transform: capitalize;
}
.landing-page-02 .highlight {
  font: 400 16px/1.25 Book, Helvetica, Arial, serif;
  color: #2d2e31;
}
@media (max-width: 767px) {
  .landing-page-02 .highlight {
    align-items: flex-start;
    font-size: 14px;
  }
}
.landing-page-02 .primaryBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 12px;
  column-gap: 12px;
  width: 200px;
  max-width: 100%;
  background-color: #6b4398;
  padding: 14px 18px;
  cursor: pointer;
  border-radius: 10px;
}
.landing-page-02 .primaryBtn:hover {

  background-color: #5d328e;
 
}
.landing-page-02 .btn_text {
  margin: 2px 0;
  min-width: 0;
  font: 400 16px/1.25 Book, Helvetica, Arial, serif;
  color: white;
  letter-spacing: -0.5px;
  text-transform: capitalize;
}
.landing-page-02 .btn_icon {
  width: 24px;
  min-width: 0;
}
.landing-page-02 .featuresSection {
  display: flex;
  flex-direction: column;
}
.landing-page-02 .flex_col {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 176px;
  margin: 88px auto 79px;
  width: 1022.984375px;
  max-width: 85%;
}
@media (max-width: 1199px) {
  .landing-page-02 .flex_col {
    position: relative;
    row-gap: 156px;
    margin: 80px auto;
    width: 100%;
    max-width: 86%;
  }
}
@media (max-width: 991px) {
  .landing-page-02 .flex_col {
    row-gap: 150px;
    margin: 72px auto;
  }
}
@media (max-width: 767px) {
  .landing-page-02 .flex_col {
    row-gap: 120px;
  }
}
@media (max-width: 575px) {
  .landing-page-02 .flex_col {
    row-gap: 80px;
    margin: 42px auto;
  }
}
@media (max-width: 383px) {
  .landing-page-02 .flex_col {
    row-gap: 50px;
    margin: 50px auto;
  }
}
.landing-page-02 .flex_col1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 72px;
  width: 100%;
}
@media (max-width: 1199px) {
  .landing-page-02 .flex_col1 {
    row-gap: 52px;
  }
}
@media (max-width: 479px) {
  .landing-page-02 .flex_col1 {
    row-gap: 32px;
  }
}
.landing-page-02 .hero_title1_box {
  display: flex;
  justify-content: center;
  width: 599.96875px;
  max-width: 85%;
  text-transform: capitalize;
}
@media (max-width: 1199px) {
  .landing-page-02 .hero_title1_box {
    align-items: flex-start;
  }
}
.landing-page-02 .hero_title1 {
  font: 52px/1.32 "Playfair Display", Helvetica, Arial, serif;
  color: #292a2d;
  text-align: center;
}
@media (max-width: 1199px) {
  .landing-page-02 .hero_title1 {
    font-size: 44px;
  }
}
@media (max-width: 767px) {
  .landing-page-02 .hero_title1 {
    font-size: 40px;
  }
}
@media (max-width: 575px) {
  .landing-page-02 .hero_title1 {
    font-size: 36px;
  }
}
@media (max-width: 479px) {
  .landing-page-02 .hero_title1 {
    font-size: 32px;
  }
}
@media (max-width: 383px) {
  .landing-page-02 .hero_title1 {
    font-size: 30px;
  }
}
.landing-page-02 .hero_title1_span0 {
  font: 1em/1.33 "Playfair Display", Helvetica, Arial, serif;
}
.landing-page-02 .hero_title1_span1 {
  font: 600 1em/1.33 "Playfair Display", Helvetica, Arial, serif;
}
.landing-page-02 .hero_title1_span2 {
  font: italic 1em/1.33 "Playfair Display", Helvetica, Arial, serif;
  color: #5d328e;
  font-style: italic;
}
.landing-page-02 .flex_row {
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 10px;
  column-gap: 10px;
  width: 100%;
}
@media (max-width: 1199px) {
  .landing-page-02 .flex_row {
    -moz-column-gap: 32px;
    column-gap: 32px;
  }
}
@media (max-width: 991px) {
  .landing-page-02 .flex_row {
    flex-direction: column;
    align-items: center;
    gap: 32px;
  }
}
.landing-page-02 .image4 {
  width: 100%;
  max-width: 500px;
  max-height: 625px;
  min-width: 0;
  border-radius: 8px;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 991px) {
  .landing-page-02 .image4 {
    position: relative;
    width: 100%;
    min-width: unset;
    max-width: 100%;
  }
}
.landing-page-02 .content_box {
  display: flex;
  flex-direction: column;
  width: 492px;
  height: auto;
  min-width: 0;
  background-image: linear-gradient(180deg,#f7f2fe 49.27%, #e3d7f1 100%);
  border-radius: 8px;
}
@media (max-width: 991px) {
  .landing-page-02 .content_box {
    position: relative;
    width: 100%;
    min-width: unset;
  }
}
.landing-page-02 .flex_col2 {
  display: flex;
  flex-direction: column;
  row-gap: 188px;
  margin: 57px 30px 57px 32px;
}
@media (max-width: 1199px) {
  .landing-page-02 .flex_col2 {
    position: relative;
    row-gap: 70px;
    margin: 42px 32px;
  }
}
@media (max-width: 991px) {
  .landing-page-02 .flex_col2 {
    row-gap: 52px;
  }
}
@media (max-width: 575px) {
  .landing-page-02 .flex_col2 {
    row-gap: 50px;
    margin: 42px 24px;
  }
}
@media (max-width: 383px) {
  .landing-page-02 .flex_col2 {
    margin: 32px 24px;
  }
}
.landing-page-02 .flex_col3 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.landing-page-02 .highlight2 {
  font: 400 16px/1.25 Book, Helvetica, Arial, serif;
  color: #292a2d;
  text-transform: capitalize;
}
.landing-page-02 .hero_title11 {
  font: 400 44px/1.1 Book, Helvetica, Arial, serif;
  color: #292a2d;
  text-transform: capitalize;
}
@media (max-width: 1199px) {
  .landing-page-02 .hero_title11 {
    align-items: flex-start;
    font-size: 40px;
  }
}
@media (max-width: 991px) {
  .landing-page-02 .hero_title11 {
    font-size: 38px;
  }
}
@media (max-width: 767px) {
  .landing-page-02 .hero_title11 {
    font-size: 32px;
  }
}
@media (max-width: 575px) {
  .landing-page-02 .hero_title11 {
    font-size: 30px;
  }
}
@media (max-width: 479px) {
  .landing-page-02 .hero_title11 {
    font-size: 32px;
  }
}
@media (max-width: 383px) {
  .landing-page-02 .hero_title11 {
    font-size: 30px;
  }
}
.landing-page-02 .flex_col4 {
  display: flex;
  flex-direction: column;
  row-gap: 18px;
  margin: 0 2px 0 0;
}
.landing-page-02 .highlight21 {
  font: 400 16px/1.25 Book, Helvetica, Arial, serif;
  color: #292a2d;
}
@media (max-width: 767px) {
  .landing-page-02 .highlight21 {
    align-items: flex-start;
    font-size: 14px;
  }
}
.landing-page-02 .secondaryBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 12px;
  column-gap: 12px;
  width: 154px;
  max-width: 100%;
  background-color: #6b4398;
  padding: 14px 18px;
  cursor: pointer;
  border-radius: 10px;
}
.landing-page-02 .secondaryBtn:hover {

  background-color: #5d328e;
 
}

.landing-page-02 .flex_col5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 72px;
  width: 785.03125px;
  max-width: 85%;
}
@media (max-width: 1199px) {
  .landing-page-02 .flex_col5 {
    row-gap: 52px;
  }
}
@media (max-width: 991px) {
  .landing-page-02 .flex_col5 {
    position: relative;
    width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .landing-page-02 .flex_col5 {
    row-gap: 42px;
  }
}
@media (max-width: 479px) {
  .landing-page-02 .flex_col5 {
    row-gap: 32px;
  }
}
@media (max-width: 383px) {
  .landing-page-02 .flex_col5 {
    row-gap: 50px;
  }
}
.landing-page-02 .hero_title2_box {
  display: flex;
  justify-content: center;
  text-transform: capitalize;
}
@media (max-width: 1199px) {
  .landing-page-02 .hero_title2_box {
    align-items: flex-start;
  }
}
@media (max-width: 991px) {
  .landing-page-02 .hero_title2_box {
    position: relative;
    width: 560px;
  }
}
@media (max-width: 575px) {
  .landing-page-02 .hero_title2_box {
    width: 80%;
  }
}
.landing-page-02 .hero_title2 {
  font: 52px/1.32 "Playfair Display", Helvetica, Arial, serif;
  color: #292a2d;
  text-align: center;
}
@media (max-width: 1199px) {
  .landing-page-02 .hero_title2 {
    font-size: 44px;
  }
}
@media (max-width: 575px) {
  .landing-page-02 .hero_title2 {
    font-size: 36px;
  }
}
@media (max-width: 479px) {
  .landing-page-02 .hero_title2 {
    font-size: 32px;
  }
}
@media (max-width: 383px) {
  .landing-page-02 .hero_title2 {
    font-size: 30px;
  }
}
.landing-page-02 .hero_title2_span0 {
  font: 1em/1.33 "Playfair Display", Helvetica, Arial, serif;
}
.landing-page-02 .hero_title2_span1 {
  font: 600 1em/1.33 "Playfair Display", Helvetica, Arial, serif;
}
.landing-page-02 .hero_title2_span2 {
  font: italic 1em/1.33 "Playfair Display", Helvetica, Arial, serif;
  color: #5d328e;
  font-style: italic;
}
.landing-page-02 .flex_row1 {
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 10px;
  column-gap: 10px;
  width: 100%;
}
@media (max-width: 1199px) {
  .landing-page-02 .flex_row1 {
    position: relative;
  }
}
@media (max-width: 991px) {
  .landing-page-02 .flex_row1 {
    flex-direction: column;
    align-items: center;
    gap: 32px 10px;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .landing-page-02 .flex_row1 {
    gap: 30px 10px;
  }
}
.landing-page-02 .flex_col6 {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  margin: 0 0 60px;
  width: 200px;
  min-width: 0;
}
@media (max-width: 991px) {
  .landing-page-02 .flex_col6 {
    position: relative;
    justify-content: center;
    align-items: center;
    row-gap: 16px;
    margin-top: unset;
    margin-bottom: unset;
    width: 100%;
    max-width: 60%;
  }
}
@media (max-width: 767px) {
  .landing-page-02 .flex_col6 {
    margin: 0;
    min-width: unset;
  }
}
@media (max-width: 383px) {
  .landing-page-02 .flex_col6 {
    max-width: 70%;
  }
}
.landing-page-02 .image5 {
  width: 140px;
  -o-object-fit: cover;
  object-fit: cover;
}
.landing-page-02 .highlight3 {
  display: flex;
  font: 500 18px/1.28 "Medium", Helvetica, Arial, serif;
  color: #292a2d;
}
@media (max-width: 991px) {
  .landing-page-02 .highlight3 {
    justify-content: center;
    align-items: flex-start;
    text-align: center;
    font-size: 16px;
  }
}
.landing-page-02 .paragraph {
  display: flex;
  margin: 0 2px 0 0;
  font: 400 14px/1.43 Book, Helvetica, Arial, serif;
  color: #292a2d;
}
@media (max-width: 991px) {
  .landing-page-02 .paragraph {
    justify-content: center;
    align-items: flex-start;
    text-align: center;
  }
}
.landing-page-02 .flex_col7 {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  margin: 0 0 80px;
  width: 204px;
  min-width: 0;
}
@media (max-width: 991px) {
  .landing-page-02 .flex_col7 {
    position: relative;
    justify-content: center;
    align-items: center;
    row-gap: 16px;
    margin-top: unset;
    margin-bottom: unset;
    width: 100%;
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .landing-page-02 .flex_col7 {
    margin: 0;
    min-width: unset;
  }
}
@media (max-width: 383px) {
  .landing-page-02 .flex_col7 {
    max-width: 70%;
  }
}
.landing-page-02 .highlight31 {
  display: flex;
  margin: 0 4px 0 0;
  font: 500 18px/1.28 "Medium", Helvetica, Arial, serif;
  color: #292a2d;
}
@media (max-width: 991px) {
  .landing-page-02 .highlight31 {
    position: relative;
    justify-content: center;
    align-items: flex-start;
    margin: 0;
    text-align: center;
    font-size: 16px;
  }
}
.landing-page-02 .paragraph1 {
  display: flex;
  font: 400 14px/1.43 Book, Helvetica, Arial, serif;
  color: #292a2d;
  letter-spacing: -0.2px;
}
@media (max-width: 991px) {
  .landing-page-02 .paragraph1 {
    justify-content: center;
    align-items: flex-start;
    text-align: center;
  }
}
.landing-page-02 .flex_col8 {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  width: 217px;
  min-width: 0;
}
@media (max-width: 991px) {
  .landing-page-02 .flex_col8 {
    position: relative;
    align-items: center;
    row-gap: 16px;
    margin-top: unset;
    margin-bottom: unset;
    width: 100%;
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .landing-page-02 .flex_col8 {
    min-width: unset;
  }
}
@media (max-width: 383px) {
  .landing-page-02 .flex_col8 {
    max-width: 80%;
  }
}
.landing-page-02 .highlight32 {
  display: flex;
  margin: 0 17px 0 0;
  font: 500 18px/1.28 "Medium", Helvetica, Arial, serif;
  color: #292a2d;
}
@media (max-width: 991px) {
  .landing-page-02 .highlight32 {
    position: relative;
    justify-content: center;
    align-items: flex-start;
    margin: 0;
    text-align: center;
    font-size: 16px;
  }
}
@media (max-width: 575px) {
  .landing-page-02 .highlight32 {
    margin: 0 16px 0 0;
  }
}
@media (max-width: 479px) {
  .landing-page-02 .highlight32 {
    margin: 0;
  }
}
@media (max-width: 383px) {
  .landing-page-02 .highlight32 {
    margin: 0 8px 0 0;
  }
}
.landing-page-02 .testimonialsSection {
  display: flex;
  flex-direction: column;
  min-height: 615px;
  background-color: #d1c6de;
}
.landing-page-02 .wrapper5 {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  width: 100%;
  max-width: 1366px;
  background-color: #d1c6de;
}
.landing-page-02 .flex_col9 {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 52px;
  margin: 88px auto;
  width: 966.03125px;
  max-width: 85%;
}
@media (max-width: 1199px) {
  .landing-page-02 .flex_col9 {
    row-gap: 42px;
  }
}
@media (max-width: 991px) {
  .landing-page-02 .flex_col9 {
    position: relative;
    margin: 72px auto;
  }
}
@media (max-width: 767px) {
  .landing-page-02 .flex_col9 {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .landing-page-02 .flex_col9 {
    margin: 42px auto;
  }
}
@media (max-width: 383px) {
  .landing-page-02 .flex_col9 {
    row-gap: 32px;
    margin: 50px auto;
  }
}
.landing-page-02 .title {
  display: flex;
  justify-content: center;
  font: 400 32px/1.25 Book, Helvetica, Arial, serif;
  color: #292a2d;
  text-align: center;
  text-transform: capitalize;
}
@media (max-width: 1199px) {
  .landing-page-02 .title {
    align-items: flex-start;
    font-size: 30px;
  }
}
@media (max-width: 479px) {
  .landing-page-02 .title {
    font-size: 24px;
  }
}
.landing-page-02 .flex_row2 {
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 10px;
  column-gap: 10px;
  width: 100%;
}
@media (max-width: 1199px) {
  .landing-page-02 .flex_row2 {
    -moz-column-gap: 16px;
    column-gap: 16px;
  }
}
@media (max-width: 991px) {
  .landing-page-02 .flex_row2 {
    position: relative;
    flex-direction: column;
    align-items: center;
    gap: 30px 16px;
    max-width: 50%;
  }
}
@media (max-width: 479px) {
  .landing-page-02 .flex_row2 {
    max-width: 90%;
  }
}
@media (max-width: 383px) {
  .landing-page-02 .flex_row2 {
    gap: 32px 16px;
  }
}
.landing-page-02 .content_box1 {
  display: flex;
  flex-direction: column;
  row-gap: 63px;
  width: 274px;
  min-width: 0;
  background-color: #f6f4f2;
  padding: 24px 32px;
}
@media (max-width: 991px) {
  .landing-page-02 .content_box1 {
    position: relative;
    width: 100%;
    min-width: unset;
  }
}
@media (max-width: 383px) {
  .landing-page-02 .content_box1 {
    row-gap: 50px;
    padding-right: 16px;
    padding-left: 16px;
  }
}
.landing-page-02 .highlight22 {
  font: 400 16px/1.25 Book, Helvetica, Arial, serif;
  color: #292a2d;
  letter-spacing: -0.5px;
}
.landing-page-02 .flex_col10 {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  width: 135px;
  max-width: 85%;
}
.landing-page-02 .highlight4 {
  font: 700 16px/1.25 "Bold", Helvetica, Arial, serif;
  color: #292a2d;
  letter-spacing: -0.7px;
}
.landing-page-02 .flex_col11 {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  width: 146px;
  max-width: 85%;
}
.landing-page-02 .highlight41 {
  font: 700 16px/1.25 "Bold", Helvetica, Arial, serif;
  color: #292a2d;
}
.landing-page-02 .highlight23 {
  display: flex;
  justify-content: center;
  width: 92.13%;
  font: 400 16px/1.25 Book, Helvetica, Arial, serif;
  color: #292a2d;
  text-align: center;
}
@media (max-width: 479px) {
  .landing-page-02 .highlight23 {
    align-items: flex-start;
    font-size: 14px;
  }
}
.landing-page-02 .secondaryBtn1 {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 12px;
  column-gap: 12px;
  flex: 0 1 48;
  width: 154px;
  max-width: 100%;
  background-color: #6b4398;
  padding: 14px 18px;
  cursor: pointer;
  border-radius: 10px;
}
.landing-page-02 .secondaryBtn1:hover {

  background-color: #5d328e;
 
}
.landing-page-02 .benefitsSection {
  display: flex;
  flex-direction: column;
}
.landing-page-02 .flex_row3 {
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 10px;
  column-gap: 10px;
  margin: 88px auto;
  width: 1026px;
  max-width: 85%;
}
@media (max-width: 1199px) {
  .landing-page-02 .flex_row3 {
    -moz-column-gap: 32px;
    column-gap: 32px;
  }
}
@media (max-width: 991px) {
  .landing-page-02 .flex_row3 {
    position: relative;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    margin: 72px auto;
  }
}
@media (max-width: 575px) {
  .landing-page-02 .flex_row3 {
    gap: 24px 32px;
    margin: 80px auto;
  }
}
@media (max-width: 383px) {
  .landing-page-02 .flex_row3 {
    margin: 50px auto;
  }
}
.landing-page-02 .flex_col12 {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  width: 495px;
  min-width: 0;
  
}
@media (max-width: 991px) {
  .landing-page-02 .flex_col12 {
    position: relative;
    row-gap: 16px;
    flex: 0 1 auto;
    order: 3;
    width: 100%;
    min-width: unset;
  }
}
.landing-page-02 .content_box5 {
  display: flex;
  flex-direction: column;
  background-image: linear-gradient(180deg,#f7f2fe 49.27%, #e3d7f1 100%);
  border-radius: 8px;
}
.landing-page-02 .flex_col13 {
  display: flex;
  flex-direction: column;
  row-gap: 44px;
  margin: 32px 33px 32px 32px;
}
@media (max-width: 991px) {
  .landing-page-02 .flex_col13 {
    position: relative;
    margin: 32px;
  }
}
@media (max-width: 575px) {
  .landing-page-02 .flex_col13 {
    margin: 32px 24px;
  }
}
@media (max-width: 479px) {
  .landing-page-02 .flex_col13 {
    row-gap: 50px;
  }
}
.landing-page-02 .hero_title12 {
  font: 400 44px/1.1 Book, Helvetica, Arial, serif;
  color: #292a2d;
}
@media (max-width: 1199px) {
  .landing-page-02 .hero_title12 {
    align-items: flex-start;
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .landing-page-02 .hero_title12 {
    font-size: 32px;
  }
}
@media (max-width: 575px) {
  .landing-page-02 .hero_title12 {
    font-size: 30px;
  }
}
@media (max-width: 479px) {
  .landing-page-02 .hero_title12 {
    font-size: 32px;
  }
}
@media (max-width: 383px) {
  .landing-page-02 .hero_title12 {
    font-size: 30px;
  }
}
.landing-page-02 .flex_col14 {
  display: flex;
  flex-direction: column;
  row-gap: 18px;
}
.landing-page-02 .actionBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 12px;
  column-gap: 12px;
  width: 154px;
  max-width: 100%;
  background-color: #6b4398;
  padding: 14px 18px;
  cursor: pointer;
  border-radius: 10px;
}
.landing-page-02 .actionBtn:hover {

  background-color: #5d328e;
 
}

.landing-page-02 .content_box4 {
  display: flex;
  flex-direction: column;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 0 16px -3px rgba(0, 0, 0, 0.1);
}
.landing-page-02 .flex_col15 {
  display: flex;
  flex-direction: column;
  row-gap: 23px;
  margin: 32px 0 32px 28px;
  width: 372.96875px;
  max-width: 85%;
}
@media (max-width: 1199px) {
  .landing-page-02 .flex_col15 {
    position: relative;
    margin: 32px 28px;
  }
}
@media (max-width: 991px) {
  .landing-page-02 .flex_col15 {
    margin: 32px auto;
    width: 100%;
  }
}
@media (max-width: 383px) {
  .landing-page-02 .flex_col15 {
    margin: 24px auto;
  }
}
.landing-page-02 .highlight5 {
  font: 400 18px/1.28 Book, Helvetica, Arial, serif;
  color: #292a2d;
}
@media (max-width: 991px) {
  .landing-page-02 .highlight5 {
    align-items: flex-start;
    font-size: 16px;
  }
}
.landing-page-02 .flex_col16 {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  width: 89.01%;
}
@media (max-width: 991px) {
  .landing-page-02 .flex_col16 {
    position: relative;
    width: 100%;
  }
}
.landing-page-02 .flex_row4 {
  display: flex;
  -moz-column-gap: 8px;
  column-gap: 8px;
}
.landing-page-02 .image9 {
  margin: 1px 0;
  width: 18px;
}
.landing-page-02 .highlight24 {
  font: 400 16px/1.25 Book, Helvetica, Arial, serif;
  color: #292a2d;
  letter-spacing: -0.6px;
}
@media (max-width: 479px) {
  .landing-page-02 .highlight24 {
    align-items: flex-start;
    font-size: 14px;
  }
}
.landing-page-02 .highlight25 {
  font: 400 16px/1.25 Book, Helvetica, Arial, serif;
  color: #292a2d;
}
@media (max-width: 479px) {
  .landing-page-02 .highlight25 {
    align-items: flex-start;
    font-size: 14px;
  }
}
.landing-page-02 .highlight26 {
  font: 400 16px/1.25 Book, Helvetica, Arial, serif;
  color: #292a2d;
  letter-spacing: -0.7px;
}
@media (max-width: 479px) {
  .landing-page-02 .highlight26 {
    align-items: flex-start;
    font-size: 14px;
  }
}
.landing-page-02 .image41 {
  margin: 2px 0;
  width: 492px;
  min-width: 0;
  border-radius: 8px;
  -o-object-fit: cover;
  object-fit: cover;
  height: auto;
  
}
@media (max-width: 991px) {
  .landing-page-02 .image41 {
    position: relative;
    flex: 0 1 auto;
    order: 1;
    margin: 0;
    width: 100%;
    min-width: unset;
    max-width: 100%;
  }
}
.landing-page-02 .partnersSection {
  display: flex;
  flex-direction: column;
  min-height: 647px;
  background-color: #d1c6de;
}
.landing-page-02 .wrapper8 {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  width: 100%;
  max-width: 1366px;
  background-color: #d1c6de;
}
@media (max-width: 1199px) {
  .landing-page-02 .wrapper8 {
    position: relative;
    max-width: 100%;
  }
}
.landing-page-02 .flex_col17 {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 72px;
  margin: 88px auto;
  width: 100%;
  max-width: 87%;
}
@media (max-width: 1199px) {
  .landing-page-02 .flex_col17 {
    position: relative;
    max-width: 90%;
  }
}
@media (max-width: 991px) {
  .landing-page-02 .flex_col17 {
    margin: 72px auto;
  }
}
@media (max-width: 767px) {
  .landing-page-02 .flex_col17 {
    row-gap: 52px;
  }
}
@media (max-width: 575px) {
  .landing-page-02 .flex_col17 {
    margin: 42px auto;
  }
}
@media (max-width: 383px) {
  .landing-page-02 .flex_col17 {
    row-gap: 32px;
    margin: 50px auto;
  }
}
.landing-page-02 .flex_col18 {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 16px;
  width: 598px;
  max-width: 85%;
}
.landing-page-02 .title1 {
  display: flex;
  justify-content: center;
  font: 400 32px/1.25 Book, Helvetica, Arial, serif;
  color: #292a2d;
  text-align: center;
  text-transform: capitalize;
}
@media (max-width: 991px) {
  .landing-page-02 .title1 {
    align-items: flex-start;
    font-size: 30px;
  }
}
@media (max-width: 479px) {
  .landing-page-02 .title1 {
    font-size: 24px;
  }
}
.landing-page-02 .highlight27 {
  display: flex;
  justify-content: center;
  width: 100%;
  font: 400 16px/1.25 Book, Helvetica, Arial, serif;
  color: #292a2d;
  text-align: center;
  
}
@media (max-width: 575px) {
  .landing-page-02 .highlight27 {
    align-items: flex-start;
    font-size: 14px;
  }
}
.landing-page-02 .partnerGrid {
  display: flex;
  -moz-column-gap: 24px;
  column-gap: 24px;
  width: 100%;
}
@media (max-width: 1199px) {
  .landing-page-02 .partnerGrid {
    position: relative;
    -moz-column-gap: 32px;
    column-gap: 32px;
  }
}
@media (max-width: 991px) {
  .landing-page-02 .partnerGrid {
    flex-direction: column;
    align-items: center;
    gap: 30px 32px;
    max-width: 40%;
  }
}
@media (max-width: 575px) {
  .landing-page-02 .partnerGrid {
    max-width: 60%;
  }
}
@media (max-width: 479px) {
  .landing-page-02 .partnerGrid {
    max-width: 70%;
  }
}
.landing-page-02 .flex_col19 {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
}
@media (max-width: 1199px) {
  .landing-page-02 .flex_col19 {
    position: relative;
    min-width: 200px;
  }
}
@media (max-width: 991px) {
  .landing-page-02 .flex_col19 {
    min-width: unset;
  }
}
.landing-page-02 .image10 {
  width: 100%;
  height: 7rem;
  -o-object-fit: cover;
  object-fit: cover;
}
.landing-page-02 .content_box6 {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  background-color: white;
  padding: 18px;
}
.landing-page-02 .highlight33 {
  font: 500 18px/1.28 "Medium", Helvetica, Arial, serif;
  color: #292a2d;
}
@media (max-width: 1199px) {
  .landing-page-02 .highlight33 {
    align-items: flex-start;
    font-size: 16px;
  }
}
.landing-page-02 .paragraph11 {
  font: 400 14px/1.29 Book, Helvetica, Arial, serif;
  color: #292a2d;
}
.landing-page-02 .image12 {
  width: 48px;
  -o-object-fit: cover;
  object-fit: cover;
  cursor: pointer;
}
.landing-page-02 .faqSection {
  display: flex;
  flex-direction: column;
}
.landing-page-02 .flex_col20 {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 72px;
  margin: 88px auto;
  width: 1125.984375px;
  max-width: 85%;
}
@media (max-width: 991px) {
  .landing-page-02 .flex_col20 {
    position: relative;
    margin: 72px auto;
    width: 100%;
  }
}
@media (max-width: 575px) {
  .landing-page-02 .flex_col20 {
    row-gap: 32px;
    margin: 42px auto;
  }
}
@media (max-width: 383px) {
  .landing-page-02 .flex_col20 {
    row-gap: 50px;
    margin: 50px auto;
  }
}
.landing-page-02 .hero_title1_box1 {
  display: flex;
  justify-content: center;
  width: 700.015625px;
  max-width: 85%;
  text-transform: capitalize;
}
@media (max-width: 1199px) {
  .landing-page-02 .hero_title1_box1 {
    align-items: flex-start;
  }
}
@media (max-width: 991px) {
  .landing-page-02 .hero_title1_box1 {
    position: relative;
    width: 100%;
    max-width: 95%;
  }
}
@media (max-width: 575px) {
  .landing-page-02 .hero_title1_box1 {
    max-width: 86%;
  }
}
.landing-page-02 .hero_title1_span3 {
  font: 1em/1.33 "Playfair Display", Helvetica, Arial, serif;
  color: #5d328e;
}
.landing-page-02 .hero_title1_span4 {
  font: 1em/1.33 "Playfair Display", Helvetica, Arial, serif;
}
.landing-page-02 .content_box11 {
  display: flex;
  flex-direction: column;
  row-gap: 52px;
  width: 100%;
  background-color: white;
  padding: 32px 32px 42px;
  border-radius: 16px;
}
@media (max-width: 1199px) {
  .landing-page-02 .content_box11 {
    row-gap: 42px;
  }
}
@media (max-width: 575px) {
  .landing-page-02 .content_box11 {
    position: relative;
    padding-bottom: 32px;
  }
}
@media (max-width: 383px) {
  .landing-page-02 .content_box11 {
    row-gap: 32px;
    padding-right: 16px;
    padding-left: 16px;
  }
}
.landing-page-02 .flex_col21 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  width: 553px;
  max-width: 85%;
}
.landing-page-02 .hero_title13 {
  font: 400 44px/1.27 Book, Helvetica, Arial, serif;
  color: #292a2d;
  letter-spacing: -1.2px;
}
@media (max-width: 1199px) {
  .landing-page-02 .hero_title13 {
    align-items: flex-start;
    font-size: 36px;
  }
}
@media (max-width: 991px) {
  .landing-page-02 .hero_title13 {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .landing-page-02 .hero_title13 {
    font-size: 32px;
  }
}
.landing-page-02 .faqList {
  display: flex;
  flex-direction: column;
}
.landing-page-02 .flex_col22 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
@media (max-width: 575px) {
  .landing-page-02 .flex_col22 {
    row-gap: 12px;
  }
}
.landing-page-02 .flex_row5 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -moz-column-gap: 10px;
  column-gap: 10px;
}
@media (max-width: 383px) {
  .landing-page-02 .flex_row5 {
    -moz-column-gap: 8px;
    column-gap: 8px;
  }
}
.landing-page-02 .highlight6 {
  font: 500 16px/1.25 "Medium", Helvetica, Arial, serif;
  color: #292a2d;
  letter-spacing: -0.7px;
}
.landing-page-02 .image13 {
  width: 40px;
  -o-object-fit: cover;
  object-fit: cover;
}
.landing-page-02 .paragraph12 {
  margin: 0 0 0 12px;
  width: 876.015625px;
  max-width: 85%;
  font: 400 14px/1.29 Book, Helvetica, Arial, serif;
  color: #292a2d;
}
@media (max-width: 383px) {
  .landing-page-02 .paragraph12 {
    position: relative;
    margin: 0 0 0 8px;
  }
}
.landing-page-02 .line {
  margin: 23px 0 0;
  width: 100%;
  height: 1px;
  min-height: 1px;
  background-color: #d8d8d8;
  border-radius: 1px;
}
.landing-page-02 .flex_col23 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  margin: 24px 0 0;
}
@media (max-width: 575px) {
  .landing-page-02 .flex_col23 {
    row-gap: 12px;
  }
}


.generic-form-02.newsletterSection {
  display: flex;
  flex-direction: column;
  background-color: white;
  padding-top: 86px;
  padding-bottom: 86px;
  overflow: hidden;
}
@media (max-width: 383px) {
  .generic-form-02.newsletterSection {
    position: relative;
    padding-top: 56px;
    padding-bottom: 56px;
  }
}
.generic-form-02 .subscriptionContainer {
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 32px;
  column-gap: 32px;
  margin: 0 auto;
  /* width: 87.41%; */
  width: 72%;
  max-width: 1195px;
}
@media (max-width: 1199px) {
  .generic-form-02 .subscriptionContainer {
    flex-direction: column;
    align-items: center;
    gap: 56px 32px;
  }
}
.generic-form-02 .subscriptionHeader {
  display: flex;
  flex-direction: column;
  row-gap: 48px;
  width: 487px;
  min-width: 0;
}
@media (max-width: 1199px) {
  .generic-form-02 .subscriptionHeader {
    position: relative;
    row-gap: 32px;
    width: 100%;
    min-width: unset;
  }
}
.generic-form-02 .subscriptionIntro {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
}
.generic-form-02 .introTitle {
  margin: 0 2px 0 0;
  font: 400 64px/1.2 "DM Serif Display", Helvetica, Arial, serif;
  color: #292929;
}
@media (max-width: 991px) {
  .generic-form-02 .introTitle {
    align-items: flex-start;
    font-size: 42px;
  }
}
@media (max-width: 479px) {
  .generic-form-02 .introTitle {
    font-size: 38px;
  }
}
@media (max-width: 383px) {
  .generic-form-02 .introTitle {
    font-size: 34px;
  }
}
.generic-form-02 .introText {
  font: 400 22px/1.21 Inter, Helvetica, Arial, serif;
  color: #292929;
}
@media (max-width: 991px) {
  .generic-form-02 .introText {
    align-items: flex-start;
    font-size: 20px;
  }
}
@media (max-width: 479px) {
  .generic-form-02 .introText {
    font-size: 18px;
  }
}
.generic-form-02 .contactOptions {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  width: 100%;
  max-width: 100%;
}
.generic-form-02 .contactMethod {
  display: flex;
  -moz-column-gap: 16px;
  column-gap: 16px;
}
@media (max-width: 383px) {
  .generic-form-02 .contactMethod {
    -moz-column-gap: 8px;
    column-gap: 8px;
  }
}
.generic-form-02 .contactIcon {
  width: 24px;
  -o-object-fit: contain;
  object-fit: contain;
}
.generic-form-02 .contactMsg {
  margin: 3px 0 2px;
  width: 313px;
  font: 600 16px/1.19 Inter, Helvetica, Arial, serif;
  color: #292929;
  letter-spacing: -0.4px;
}
.generic-form-02 .contactMsg1 {
  margin: 3px 0 2px;
  width: 266px;
  font: 600 16px/1.19 Inter, Helvetica, Arial, serif;
  color: #292929;
  letter-spacing: -0.4px;
}
.generic-form-02 .contactMsg2 {
  margin: 3px 0 2px;
  width: 292px;
  font: 600 16px/1.19 Inter, Helvetica, Arial, serif;
  color: #292929;
  letter-spacing: -0.4px;
}
.generic-form-02 .formContainer {
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  width: 667px;
  min-width: 0;
}
@media (max-width: 1199px) {
  .generic-form-02 .formContainer {
    position: relative;
    width: 100%;
    min-width: unset;
  }
}
.generic-form-02 .informationFields {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  width: 100%;
}
.generic-form-02 .nameFields {
  display: flex;
  -moz-column-gap: 16px;
  column-gap: 16px;
}
@media (max-width: 479px) {
  .generic-form-02 .nameFields {
    flex-direction: column;
    align-items: center;
    gap: 32px 16px;
  }
}
.generic-form-02 .firstNameLabel {
  width: 100%;
  font: 500 16px/1.19 Inter, Helvetica, Arial, serif;
  color: #a1a1a1;
  background-color: white;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  outline-offset: -1px;
  border-radius: 8px;
  outline: #b9b9b9 solid 1px;
}
@media (max-width: 575px) {
  .generic-form-02 .firstNameLabel {
    position: relative;
    padding-left: 16px;
  }
}
@media (max-width: 479px) {
  .generic-form-02 .firstNameLabel {
    margin-top: unset;
    margin-bottom: unset;
  }
}
.generic-form-02 .lastNameLabel {
  width: 100%;
  font: 500 16px/1.19 Inter, Helvetica, Arial, serif;
  color: #a1a1a1;
  background-color: white;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  outline-offset: -1px;
  border-radius: 8px;
  outline: #b9b9b9 solid 1px;
}
@media (max-width: 575px) {
  .generic-form-02 .lastNameLabel {
    position: relative;
    padding-left: 16px;
  }
}
@media (max-width: 479px) {
  .generic-form-02 .lastNameLabel {
    margin-top: unset;
    margin-bottom: unset;
  }
}
.generic-form-02 .emailLabel {
  width: 100%;
  font: 500 16px/1.19 Inter, Helvetica, Arial, serif;
  color: #a1a1a1;
  background-color: white;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  outline-offset: -1px;
  border-radius: 8px;
  outline: #b9b9b9 solid 1px;
}
@media (max-width: 575px) {
  .generic-form-02 .emailLabel {
    position: relative;
    padding-left: 16px;
  }
}
.generic-form-02 .contactDetails {
  display: flex;
  -moz-column-gap: 16px;
  column-gap: 16px;
}
@media (max-width: 479px) {
  .generic-form-02 .contactDetails {
    align-items: center;
    gap: 32px 16px;
  }
}
.generic-form-02 .countryCodeLabel {
  width: 85px;
  font: 500 16px/1.19 Inter, Helvetica, Arial, serif;
  color: #a1a1a1;
  background-color: white;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  outline-offset: -1px;
  border-radius: 8px;
  outline: #b9b9b9 solid 1px;
}
@media (max-width: 575px) {
  .generic-form-02 .countryCodeLabel {
    position: relative;
    padding-left: 16px;
  }
}
.generic-form-02 .contactNumberLabel {
  width: 100%;
  font: 500 16px/1.19 Inter, Helvetica, Arial, serif;
  color: #a1a1a1;
  background-color: white;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  outline-offset: -1px;
  border-radius: 8px;
  outline: #b9b9b9 solid 1px;
}
@media (max-width: 575px) {
  .generic-form-02 .contactNumberLabel {
    position: relative;
    padding-left: 16px;
  }
}
.generic-form-02 .addressLabel {
  width: 100%;
  font: 500 16px/1.19 Inter, Helvetica, Arial, serif;
  color: #a1a1a1;
  background-color: white;
  padding-top: 16px;
  padding-bottom: 87px;
  padding-left: 24px;
  outline-offset: -1px;
  border-radius: 8px;
  outline: #b9b9b9 solid 1px;
}
@media (max-width: 575px) {
  .generic-form-02 .addressLabel {
    position: relative;
    padding-bottom: 80px;
    padding-left: 16px;
  }
}
.generic-form-02 .locationFields {
  display: flex;
  -moz-column-gap: 16px;
  column-gap: 16px;
}
@media (max-width: 479px) {
  .generic-form-02 .locationFields {
    flex-direction: column;
    align-items: center;
    gap: 32px 16px;
  }
}
.generic-form-02 .cityLabel {
  width: 100%;
  font: 500 16px/1.19 Inter, Helvetica, Arial, serif;
  color: #a1a1a1;
  background-color: white;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  outline-offset: -1px;
  border-radius: 8px;
  outline: #b9b9b9 solid 1px;
}
@media (max-width: 575px) {
  .generic-form-02 .cityLabel {
    position: relative;
    padding-left: 16px;
  }
}
.generic-form-02 .postalCodeLabel {
  width: 100%;
  font: 500 16px/1.19 Inter, Helvetica, Arial, serif;
  color: #a1a1a1;
  background-color: white;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  outline-offset: -1px;
  border-radius: 8px;
  outline: #b9b9b9 solid 1px;
}
@media (max-width: 575px) {
  .generic-form-02 .postalCodeLabel {
    position: relative;
    padding-left: 16px;
  }
}
.generic-form-02 .countryInfo {
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 32px;
  column-gap: 32px;
  width: 100%;
  background-color: white;
  padding: 16px 24px;
  outline-offset: -1px;
  border-radius: 8px;
  outline: #b9b9b9 solid 1px;
  cursor: pointer;
}
@media (max-width: 575px) {
  .generic-form-02 .countryInfo {
    position: relative;
    -moz-column-gap: 16px;
    column-gap: 16px;
    padding-right: 16px;
    padding-left: 16px;
  }
}
@media (max-width: 383px) {
  .generic-form-02 .countryInfo {
    -moz-column-gap: 8px;
    column-gap: 8px;
  }
}
.generic-form-02 .countryName {
  margin: 3px 0 2px;
  font: 500 16px/1.19 Inter, Helvetica, Arial, serif;
  color: #292929;
}
.generic-form-02 .countryIcon {
  width: 24px;
  -o-object-fit: cover;
  object-fit: cover;
}
.generic-form-02 .ctaMsg {
  display: flex;
  justify-content: center;
  width: 100%;
  font: 700 16px/1.19 Inter, Helvetica, Arial, serif;
  color: white;
  text-align: center;
  background-color: #292929;
  padding: 16px;
  border-radius: 8px;
}
@media (max-width: 383px) {
  .generic-form-02 .ctaMsg {
    position: relative;
    padding-right: 8px;
    padding-left: 8px;
  }
}

input, select {
  border: none;
  outline: none;
}

input::placeholder, .countryInfo {
  color: #a1a1a1;
  /* font: 500 16px/1.19 Inter, Helvetica, Arial, serif; */
}

a {
  cursor: pointer;
  text-decoration: none;
}

.form-01.newsSignUpSection {
  display: flex;
  flex-direction: column;
  background-color: #f9fbfa;
}
@media (max-width: 1199px) {
  .form-01.newsSignUpSection {
    background-color: #f9fbfaff;
  }
}
.form-01 .root {
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 32px;
  column-gap: 32px;
  margin: 88px auto;
  width: 1026px;
  max-width: 85%;
}
@media (max-width: 1199px) {
  .form-01 .root {
    position: relative;
    width: 100%;
  }
}
@media (max-width: 991px) {
  .form-01 .root {
    flex-direction: column;
    align-items: center;
    gap: 32px;
  }
}
@media (max-width: 575px) {
  .form-01 .root {
    margin: 80px auto;
  }
}
@media (max-width: 383px) {
  .form-01 .root {
    margin: 50px auto;
  }
}
.form-01 .block {
  display: flex;
  justify-content: center;
  -moz-column-gap: 0;
  column-gap: 0;
  width: 100%;
  min-width: 0;
  padding: 32px;
  background-image: linear-gradient(180deg, color(display-p3 0.902 0.9134 0.9216) 49.27%, color(display-p3 0.8706 0.8706 0.8824) 100%);
  border-radius: 8px;
}
@media (max-width: 991px) {
  .form-01 .block {
    position: relative;
    flex: 0 1 auto;
    order: 3;
    min-width: unset;
  }
}
@media (max-width: 479px) {
  .form-01 .block {
    padding: 24px;
  }
}
.form-01 .root1 {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  width: 430px;
  min-width: 0;
}
.form-01 .root2 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.form-01 .newsletterTitle {
  font: 16px/1.25 "Circular 450", Helvetica, Arial, serif;
  color: #292a2d;
}
.form-01 .newsletterDesc {
  font: 44px/1.27 "Circular 450", Helvetica, Arial, serif;
  color: #292a2d;
}
@media (max-width: 991px) {
  .form-01 .newsletterDesc {
    align-items: flex-start;
    font-size: 40px;
  }
}
@media (max-width: 479px) {
  .form-01 .newsletterDesc {
    font-size: 36px;
  }
}
.form-01 .root3 {
  display: flex;
  flex-direction: column;
  row-gap: 18px;
}
.form-01 .firstName {
  font: 16px/1.25 "Circular 450", Helvetica, Arial, serif;
  color: dimgray;
  background-color: white;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  letter-spacing: -0.4px;
}
@media (max-width: 575px) {
  .form-01 .firstName {
    position: relative;
    padding-left: 16px;
  }
}
@media (max-width: 383px) {
  .form-01 .firstName {
    padding-left: 8px;
  }
}
.form-01 .lastName {
  font: 16px/1.25 "Circular 450", Helvetica, Arial, serif;
  color: dimgray;
  background-color: white;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  letter-spacing: -0.4px;
}
@media (max-width: 575px) {
  .form-01 .lastName {
    position: relative;
    padding-left: 16px;
  }
}
@media (max-width: 383px) {
  .form-01 .lastName {
    padding-left: 8px;
  }
}
.form-01 .contactNumber {
  font: 16px/1.25 "Circular 450", Helvetica, Arial, serif;
  color: dimgray;
  background-color: white;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  letter-spacing: -0.4px;
}
@media (max-width: 575px) {
  .form-01 .contactNumber {
    position: relative;
    padding-left: 16px;
  }
}
@media (max-width: 383px) {
  .form-01 .contactNumber {
    padding-left: 8px;
  }
}
.form-01 .emailAddress {
  font: 16px/1.25 "Circular 450", Helvetica, Arial, serif;
  color: dimgray;
  background-color: white;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  letter-spacing: -0.4px;
}
@media (max-width: 575px) {
  .form-01 .emailAddress {
    position: relative;
    padding-left: 16px;
  }
}
@media (max-width: 383px) {
  .form-01 .emailAddress {
    padding-left: 8px;
  }
}
.form-01 .emailAddress1 {
  flex: 0 1 52px;
  font: 16px/1.25 "Circular 450", Helvetica, Arial, serif;
  color: dimgray;
  background-color: white;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  letter-spacing: -0.4px;
}
@media (max-width: 575px) {
  .form-01 .emailAddress1 {
    position: relative;
    padding-left: 16px;
  }
}
@media (max-width: 383px) {
  .form-01 .emailAddress1 {
    padding-left: 8px;
  }
}
.form-01 .signUpBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 12px;
  column-gap: 12px;
  width: 166px;
  max-width: 100%;
  height: 48px;
  background-color: #2d2e31;
  padding: 14px 18px;
}
.form-01 .signUpBtnText {
  margin: 2px 0;
  font: 16px/1.25 "Circular 450", Helvetica, Arial, serif;
  color: white;
  letter-spacing: -0.4px;
}
.form-01 .signUpBtnIcon {
  width: 24px;
}
.form-01 .backgroundImage {
  width: 100%;
  min-width: 0;
  border-radius: 8px;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 991px) {
  .form-01 .backgroundImage {
    position: relative;
    flex: 0 1 auto;
    order: 1;
  }
}