.customer-heading h2 {
  line-height: 1.1;
  letter-spacing: 0;
  font-size: clamp(28px, 16px + 3.3333333333vw, 40px);
  font-weight: 700;
}
@media (min-width: 720px) {
  .customer-heading h2 {
    font-size: clamp(40px, 32px + 1.1111111111vw, 48px);
  }
}
@media (min-width: 1440px) {
  .customer-heading h2 {
    font-size: clamp(48px, 0px + 3.3333333333vw, 64px);
  }
}
@media (min-width: 1920px) {
  .customer-heading h2 {
    font-size: clamp(64px, 16px + 2.5vw, 80px);
  }
}

.customer-heading p {
  line-height: 1.3;
  font-size: clamp(18px, 16px + 0.5555555556vw, 20px);
  font-weight: 400;
}
@media (min-width: 720px) {
  .customer-heading p {
    font-size: clamp(20px, 16px + 0.5555555556vw, 24px);
  }
}
@media (min-width: 1440px) {
  .customer-heading p {
    font-size: clamp(24px, 12px + 0.8333333333vw, 28px);
  }
}
@media (min-width: 1920px) {
  .customer-heading p {
    font-size: clamp(28px, 16px + 0.625vw, 32px);
  }
}

.customer-step-card h3,
.customer-choice-card h3,
.customer-university-card h3,
.constructor-card h3 {
  font-family: "PP Neue Montreal", sans-serif;
  letter-spacing: 0;
  font-size: clamp(20px, 16px + 1.1111111111vw, 24px);
  font-weight: 500;
}
@media (min-width: 720px) {
  .customer-step-card h3,
  .customer-choice-card h3,
  .customer-university-card h3,
  .constructor-card h3 {
    font-size: clamp(24px, 20px + 0.5555555556vw, 28px);
  }
}
@media (min-width: 1440px) {
  .customer-step-card h3,
  .customer-choice-card h3,
  .customer-university-card h3,
  .constructor-card h3 {
    font-size: clamp(28px, 16px + 0.8333333333vw, 32px);
  }
}
@media (min-width: 1920px) {
  .customer-step-card h3,
  .customer-choice-card h3,
  .customer-university-card h3,
  .constructor-card h3 {
    font-size: clamp(32px, 20px + 0.625vw, 36px);
  }
}

.customer-university {
  padding: 80px 16px;
  overflow: hidden;
  background: #ffffff;
}

.customer-university .customer-heading {
  max-width: none;
  margin: 0 0 40px;
  text-align: center;
}
.customer-university .customer-heading h2 {
  max-width: none;
  margin: 0 0 16px;
  color: #2f2550;
  letter-spacing: 0;
}
.customer-university .customer-heading p {
  max-width: none;
  margin: 0;
  color: #6d6489;
  line-height: 1.3;
  letter-spacing: 0;
}

.customer-university__grid {
  display: grid;
  gap: 16px;
  width: 100%;
  margin: 0 auto;
}

.customer-university-card {
  position: relative;
  min-height: 0;
  overflow: hidden;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  @media (max-width: 1200px) {
    flex-direction: row;
  }
}

.customer-university-card:first-child{
  background: #F4F1FF;
}

.customer-university-card:last-child{
  background: #7B44F2;
}

.customer-university-card h3,
.customer-university-card p {
  position: relative;
  z-index: 4;
  letter-spacing: 0;
}
.customer-university-card h3 {
  margin: 0;
  color: #2f2550;
  font-family: "Spoof Trial", sans-serif;
  font-weight: 600;
  line-height: 1.3;
}
.customer-university-card p {
  margin: 0;
  color: #404040;
  font-size: 16px;
  line-height: 1.3;
}
.customer-university-card > img {
  z-index: 3;
  width: 100%;
  max-width: none;
  pointer-events: none;
}

.customer-university-card--library {
  height: 360px;
  background: #f4f1ff;
}
.customer-university-card--library > img {
  top: 104px;
  left: 11px;
  width: 305px;
}

.customer-university-card--students {
  height: 448px;
  background: #caf272;
}
.customer-university-card--students::before {
  position: absolute;
  top: 127px;
  left: 0;
  z-index: 1;
  width: 328px;
  height: 321px;
  content: "";
  background: url("../assets/customer/university-student-bg.svg") center/contain no-repeat;
}
.customer-university-card--students::after {
  position: absolute;
  top: 238px;
  left: 156px;
  z-index: 2;
  width: 120px;
  height: 120px;
  content: "";
  background: url("../assets/customer/university-student-circle.svg") center/contain no-repeat;
}
.customer-university-card--students p {
  color: #506236;
}
.customer-university-card--students > img {
  top: 127px;
  left: 0;
  width: 328px;
}

.customer-university-card--chat {
  height: 358px;
  color: #ffffff;
  background: #7b44f2;
}
.customer-university-card--chat::before {
  position: absolute;
  top: 123px;
  left: 24px;
  z-index: 1;
  width: 280px;
  height: 235px;
  content: "";
  background: url("../assets/customer/university-ai-bg.svg") center/contain no-repeat;
}
.customer-university-card--chat::after {
  position: absolute;
  top: 92px;
  right: 18px;
  z-index: 2;
  width: 78px;
  height: 78px;
  content: "";
  background: url("../assets/customer/university-ai-star-a.svg") center/contain no-repeat;
}
.customer-university-card--chat h3,
.customer-university-card--chat p {
  color: #ffffff;
}
.customer-university-card--chat p {
  max-width: 296px;
  color: rgba(255, 255, 255, 0.82);
}
.customer-university-card--chat > img {
  top: 123px;
  left: 24px;
  width: 280px;
}

.customer-avatar {
  position: absolute;
  z-index: 5;
  display: block;
  width: 52px;
  height: 52px;
  overflow: visible;
  color: transparent;
  background-color: transparent;
  background-position: center;
  background-size: contain;
  border: 0;
  border-radius: 50%;
  box-shadow: none;
  pointer-events: none;
}

.customer-avatar--one {
  top: 256px;
  left: 163px;
  background-image: url("../assets/customer/university-avatar-green.webp");
}

.customer-avatar--two {
  top: 250px;
  left: 45px;
  background-image: url("../assets/customer/university-avatar-yellow.webp");
}
.customer-avatar--two::before {
  position: absolute;
  top: 78px;
  left: -16px;
  width: 96px;
  height: 78px;
  content: "";
  background: url("../assets/customer/university-squiggle.webp") center/contain no-repeat;
  filter: blur(0.2px);
}
.customer-avatar--two::after {
  position: absolute;
  top: 114px;
  left: 166px;
  width: 78px;
  height: 58px;
  content: "";
  background: url("../assets/customer/university-bot.svg") center/contain no-repeat;
}

@media (min-width: 768px) {
  .customer-university {
    padding: 80px 24px;
  }
  .customer-university .customer-heading {
    margin-bottom: 64px;
  }
  .customer-university .customer-heading h2 {
    margin-bottom: 12px;
    line-height: 1.3;
  }
  .customer-university__grid {
    gap: 22px;
  }
  .customer-university-card h3 {
    line-height: 1.3;
  }
  .customer-university-card p {
    font-size: 18px;
    line-height: 1.3;
  }
  .customer-university-card--library > img {
    top: 0;
    right: 19px;
    left: auto;
    width: 241px;
  }
  .customer-university-card--students::before {
    top: 0;
    right: 0;
    left: auto;
    width: 312px;
    height: 304px;
  }
  .customer-university-card--students::after {
    top: 80px;
    left: auto;
    right: 108px;
    width: 108px;
    height: 108px;
  }
  .customer-university-card--students > img {
    top: 0;
    right: 0;
    left: auto;
    width: 312px;
  }
  .customer-university-card--chat::before {
    top: 0;
    right: 32px;
    left: auto;
    width: 241px;
    height: 202px;
  }
  .customer-university-card--chat::after {
    top: 24px;
    right: 58px;
    width: 64px;
    height: 64px;
  }
  .customer-university-card--chat p {
    max-width: 428px;
  }
  .customer-university-card--chat > img {
    top: 0;
    right: 32px;
    left: auto;
    width: 241px;
  }
  .customer-avatar {
    width: 58px;
    height: 58px;
  }
  .customer-avatar--one {
    top: 84px;
    right: 170px;
    left: auto;
  }
  .customer-avatar--two {
    top: 72px;
    right: 283px;
    left: auto;
  }
  .customer-avatar--two::before {
    top: 62px;
    left: -18px;
    width: 112px;
    height: 91px;
  }
  .customer-avatar--two::after {
    top: 88px;
    left: 174px;
    width: 84px;
    height: 63px;
  }
}
@media (min-width: 1200px) {
  .customer-university {
    padding: 120px 0px;
  }
  .customer-university .customer-container {
    max-width: 1280px;
  }
  .customer-university .customer-heading {
    margin-bottom: 56px;
  }
  .customer-university .customer-heading h2 {
    margin-bottom: 20px;
    line-height: 1.1;
  }
  .customer-university__grid {
    width: 1064px;
    grid-template-columns: 305px 414px 305px;
    gap: 20px;
    align-items: center;
  }
  .customer-university-card p {
    font-size: 20px;
  }
  .customer-university-card--library > img {
    top: 173px;
    left: 0;
    width: 305px;
  }
  .customer-university-card--students {
    height: 578px;
  }
  .customer-university-card--students p {
    max-width: 366px;
    font-size: 24px;
  }
  .customer-university-card--students::before {
    top: 173px;
    left: 0;
    width: 414px;
    height: 405px;
  }
  .customer-university-card--students::after {
    top: 260px;
    right: 112px;
    width: 136px;
    height: 136px;
  }
  .customer-university-card--students > img {
    top: 173px;
    left: 0;
    width: 414px;
  }
  .customer-university-card--chat::before {
    top: 173px;
    left: 0;
    width: 305px;
    height: 277px;
  }
  .customer-university-card--chat::after {
    top: 216px;
    right: 34px;
    width: 76px;
    height: 76px;
  }
  .customer-university-card--chat p {
    max-width: 257px;
    font-size: 20px;
  }
  .customer-university-card--chat > img {
    top: 199px;
    left: 54px;
    width: 196px;
  }
  .customer-avatar {
    width: 78px;
    height: 78px;
  }
  .customer-avatar--one {
    top: 295px;
    right: 128px;
  }
  .customer-avatar--two {
    top: 352px;
    right: 272px;
  }
  .customer-avatar--two::before {
    top: 73px;
    left: -50px;
    width: 130px;
    height: 106px;
  }
  .customer-avatar--two::after {
    top: 96px;
    left: 214px;
    width: 98px;
    height: 73px;
  }
}
@media (min-width: 1441px) {
  .customer-university {
    padding-top: clamp(120px, 60px + 4.1666666667vw, 140px);
    padding-bottom: clamp(120px, 120px + 0vw, 120px);
  }
  .customer-university .customer-heading {
    margin-bottom: clamp(56px, 32px + 1.6666666667vw, 64px);
  }
  .customer-university__grid {
    width: clamp(1064px, -136px + 83.3333333333vw, 1464px);
    grid-template-columns: repeat(3, 1fr);
  }
  .customer-university-card--library > img,
  .customer-university-card--chat > img {
    width: clamp(305px, 80px + 15.625vw, 380px);
  }
  .customer-university-card--students::before,
  .customer-university-card--students > img {
    width: clamp(414px, 234px + 12.5vw, 474px);
  }
}
@media (min-width: 1920px) {
  .customer-university {
    padding-top: clamp(140px, 68px + 3.75vw, 164px);
    padding-bottom: clamp(120px, -12px + 6.875vw, 164px);
  }
  .customer-university .customer-container {
    max-width: clamp(1464px, 1074px + 20.3125vw, 1594px);
  }
  .customer-university .customer-heading {
    margin-bottom: clamp(64px, 40px + 1.25vw, 72px);
  }
  .customer-university__grid {
    width: clamp(1464px, 1074px + 20.3125vw, 1594px);
  }
  .customer-university-card p {
    font-size: clamp(20px, -4px + 1.25vw, 28px);
  }
  .customer-university-card--library,
  .customer-university-card--chat {
    height: clamp(450px, 264px + 9.6875vw, 512px);
  }
  .customer-university-card--students {
    height: clamp(578px, 440px + 7.1875vw, 624px);
  }
  .customer-university-card--students p {
    font-size: clamp(24px, 12px + 0.625vw, 28px);
  }
}

/*# sourceMappingURL=customer-university.css.map */