/* ================= PRINCIPLE SECTION ================= */
.principle-section {
  padding: 80px 70px;
  background: url("../../images/Rectangle 30.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.principle-wrapper {
  max-width: 1320px;
  margin: auto;
}

/* QUOTE BOX */
.principle-quote {
  position: relative;
  /* padding: 40px 48px; */
  /* background: #ffffff; */
  border-radius: 18px;
  /* box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06); */
}

.principle-quote-span {
  font-family: Outfit;
  font-weight: 400;
  font-style: Regular;
  font-size: 40px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 1%;
  text-align: justify;
}

/* TEXT */
.principle-quote p {
  font-family: Outfit;
  font-weight: 400;
  font-style: Regular;
  font-size: 20px;

  letter-spacing: 1%;
  text-align: justify;

  line-height: 29px;
  color: #444;
  margin-bottom: 20px;
  text-align: justify;
}

/* AUTHOR */
.quote-author {
  display: block;
  text-align: right;
  font-family: "Qwigley";
  font-weight: 400;
  font-style: Regular;
  font-size: 48px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 1%;
  /* text-align: justify; */

  color: #ed1c24;
}

/* ================= RESPONSIVE ================= */
@media (max-width: 768px) {
      .quote-author {
    font-size: 37px;
  }
  
  .principle-section {
    padding: 30px 35px;
  }

  .principle-quote {
    padding: 30px 24px;
  }

  .principle-quote p {
    font-size: 15px;
    line-height: 26px;
  }
}

@media (max-width: 480px) {
  .principle-section {
    padding: 30px 35px;
  }

  .quote-author {
    font-size: 35px;
  }
}