/* Why Choose — matching the supplied four-card reference */
.about-page .why-choose {
  position: relative;
  padding: 85px 0 110px;
  background: #eaf8fd;
  color: #26185b;
  overflow: hidden
}

.about-page .why-choose:before {
  content: '';
  display: block;
  position: absolute;
  width: 620px;
  height: 620px;
  left: -270px;
  top: -260px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .68)
}

.about-page .why-choose:after {
  content: '';
  position: absolute;
  width: 900px;
  height: 330px;
  right: -260px;
  bottom: -260px;
  border-radius: 50%;
  background: #fff;
  transform: rotate(8deg)
}

.about-page .choose-reference-grid {
  display: block;
  position: relative;
  z-index: 1
}

.about-page .choose-visual {
  display: none
}

.about-page .choose-content {
  display: block
}

.about-page .choose-content .title-row {
  position: static;
  display: block;
  max-width: 900px;
  margin: 0 auto 65px;
  text-align: center
}

.about-page .choose-content .title-row .eyebrow {
  font-size: 0;
  margin-bottom: 22px;
  color: #4433c4
}

.about-page .choose-content .title-row .eyebrow:before {
  width: 80px;
  height: 7px;
  border-radius: 10px;
  background: linear-gradient(90deg, #4433d5 0 18%, transparent 18% 28%, #4433d5 28%)
}

.about-page .choose-content .title-row h2 {
  font-family: 'Manrope', Arial, sans-serif;
  font-size: clamp(30px, 4vw, 40px);
  line-height: 1.08;
  font-weight: 800;
  color: #26185b;
  letter-spacing: -.045em;
  margin: 0 0 25px
}

.about-page .choose-content .title-row>p {
  max-width: 680px;
  margin: 0 auto;
  color: #4e6170;
  font-size: 18px;
  line-height: 1.7
}

.about-page .choose-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  align-items: start
}

.about-page .choose-grid article {
  display: block;
  min-height: 410px;
  padding: 62px 28px 35px;
  text-align: center;
  border: 0;
  border-radius: 0;
  background: #fff;
  box-shadow: 0 17px 40px rgba(38, 46, 91, .1);
  transition: transform .3s ease, box-shadow .3s ease
}

.about-page .choose-grid article:nth-child(even) {
  margin-top: 75px
}

.about-page .choose-grid article:before {
  display: none
}

.about-page .choose-grid article>span {
  display: grid;
  width: 82px;
  height: 82px;
  margin: 0 auto 34px;
  border-radius: 12px;
  background: #f38bc5;
  color: #28195b;
  font-size: 27px;
  box-shadow: 0 10px 22px rgba(225, 83, 163, .18)
}

.about-page .choose-grid article:nth-child(2)>span {
  background: #ee3b9b;
  color: #2c195d
}

.about-page .choose-grid article:nth-child(3)>span {
  background: #aebafa;
  color: #2c2169
}

.about-page .choose-grid article:nth-child(4)>span {
  background: #ff8b20;
  color: #2d205f
}

.about-page .choose-grid h3 {
  font-family: 'Manrope', Arial, sans-serif;
  font-size: 23px;
  line-height: 1.25;
  color: #28195b;
  margin: 0 0 17px
}

.about-page .choose-grid p {
  color: #536778;
  font-size: 15px;
  line-height: 1.75;
  margin: 0
}

.about-page .choose-grid article:hover {
  transform: translateY(-10px);
  background: #fff;
  box-shadow: 0 28px 60px rgba(38, 46, 91, .17)
}

.about-page .choose-grid article:nth-child(even):hover {
  transform: translateY(-10px)
}

.about-page .choose-grid article:hover>span {
  transform: rotate(-7deg) scale(1.06)
}

@media(max-width:1050px) {
  .about-page .choose-grid {
    grid-template-columns: repeat(2, 1fr)
  }

  .about-page .choose-grid article:nth-child(even) {
    margin-top: 45px
  }
}

@media(max-width:650px) {
  .about-page .why-choose {
    padding: 65px 0 75px
  }

  .about-page .choose-content .title-row {
    margin-bottom: 40px
  }

  .about-page .choose-content .title-row h2 {
    font-size: 38px
  }

  .about-page .choose-content .title-row>p {
    font-size: 16px
  }

  .about-page .choose-grid {
    grid-template-columns: 1fr;
    gap: 18px
  }

  .about-page .choose-grid article,
  .about-page .choose-grid article:nth-child(even) {
    min-height: auto;
    margin-top: 0;
    padding: 38px 22px
  }

  .about-page .choose-grid article>span {
    width: 68px;
    height: 68px;
    margin-bottom: 25px
  }
}

/* Refined centered title and meaningful card icons */
.about-page .choose-content .title-row {
  max-width: 1100px;
  text-align: center
}

.about-page .choose-content .title-row h2 {
  max-width: none;
  font-size: clamp(34px, 3.2vw, 46px);
  line-height: 1.14;
  text-align: center;
  margin-inline: auto
}

.about-page .choose-content .title-row>p {
  text-align: center
}

.about-page .choose-grid article>span {
  width: 72px;
  height: 72px;
  font-size: 0;
  box-shadow: 0 10px 22px rgba(57, 42, 98, .13)
}

.about-page .choose-grid article>span:before {
  display: block;
  font-family: 'Segoe UI Emoji', 'Apple Color Emoji', sans-serif;
  font-size: 31px;
  line-height: 1
}

.about-page .choose-grid article:nth-child(1)>span:before {
  content: '👥'
}

.about-page .choose-grid article:nth-child(2)>span:before {
  content: '🧩'
}

.about-page .choose-grid article:nth-child(3)>span:before {
  content: '📈'
}

.about-page .choose-grid article:nth-child(4)>span:before {
  content: '🎧'
}

.about-page .choose-grid article {
  padding-inline: 25px
}

.about-page .choose-grid h3 {
  font-size: 21px
}

@media(max-width:650px) {
  .about-page .choose-content .title-row h2 {
    font-size: 34px
  }

  .about-page .choose-grid article>span {
    width: 64px;
    height: 64px
  }

  .about-page .choose-grid article>span:before {
    font-size: 27px
  }
}

/* Compact spacing and professional outline icons */
.about-page .why-choose {
  padding: 62px 0 78px
}

.about-page .choose-content .title-row {
  margin-bottom: 42px
}

.about-page .choose-content .title-row h2 {
  margin-bottom: 15px
}

.about-page .choose-grid {
  gap: 22px
}

.about-page .choose-grid article {
  min-height: 350px;
  padding: 36px 20px 27px
}

.about-page .choose-grid article:nth-child(even) {
  margin-top: 38px
}

.about-page .choose-grid article>span {
  width: 64px;
  height: 64px;
  margin-bottom: 24px
}

.about-page .choose-grid article>span:before {
  content: '' !important;
  width: 33px;
  height: 33px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain
}

.about-page .choose-grid article:nth-child(1)>span:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2328195b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M3.5 19c.5-4 2.4-6 5.5-6s5 2 5.5 6'/%3E%3Ccircle cx='17' cy='9' r='2.2'/%3E%3Cpath d='M15.5 14c2.8-.4 4.5 1.2 5 4'/%3E%3C/svg%3E")
}

.about-page .choose-grid article:nth-child(2)>span:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2328195b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.7 1.7 0 0 0 .3 1.9l.1.1-2.8 2.8-.1-.1a1.7 1.7 0 0 0-1.9-.3 1.7 1.7 0 0 0-1 1.6v.2h-4V21a1.7 1.7 0 0 0-1-1.6 1.7 1.7 0 0 0-1.9.3l-.1.1L4.2 17l.1-.1a1.7 1.7 0 0 0 .3-1.9A1.7 1.7 0 0 0 3 14H2.8v-4H3a1.7 1.7 0 0 0 1.6-1 1.7 1.7 0 0 0-.3-1.9L4.2 7 7 4.2l.1.1A1.7 1.7 0 0 0 9 4.6 1.7 1.7 0 0 0 10 3v-.2h4V3a1.7 1.7 0 0 0 1 1.6 1.7 1.7 0 0 0 1.9-.3l.1-.1L19.8 7l-.1.1a1.7 1.7 0 0 0-.3 1.9 1.7 1.7 0 0 0 1.6 1h.2v4H21a1.7 1.7 0 0 0-1.6 1z'/%3E%3C/svg%3E")
}

.about-page .choose-grid article:nth-child(3)>span:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2328195b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19V5M4 19h16'/%3E%3Cpath d='m7 15 4-4 3 2 5-6'/%3E%3Cpath d='M15 7h4v4'/%3E%3C/svg%3E")
}

.about-page .choose-grid article:nth-child(4)>span:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2328195b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14v-2a8 8 0 0 1 16 0v2'/%3E%3Cpath d='M4 14a2 2 0 0 1 2-2h1v7H6a2 2 0 0 1-2-2zM20 14a2 2 0 0 0-2-2h-1v7h1a2 2 0 0 0 2-2z'/%3E%3Cpath d='M17 19c-1 2-3 2-5 2'/%3E%3C/svg%3E")
}

.about-page .choose-grid h3 {
  font-size: 20px;
  margin-bottom: 12px
}

.about-page .choose-grid p {
  font-size: 14px;
  line-height: 1.65
}

@media(max-width:650px) {
  .about-page .why-choose {
    padding: 52px 0 60px
  }

  .about-page .choose-content .title-row {
    margin-bottom: 30px
  }

  .about-page .choose-grid article,
  .about-page .choose-grid article:nth-child(even) {
    min-height: auto;
    margin-top: 0;
    padding: 28px 18px
  }

  .about-page .choose-grid article>span {
    width: 58px;
    height: 58px;
    margin-bottom: 20px
  }

  .about-page .choose-grid article>span:before {
    width: 29px;
    height: 29px
  }
}

/* Softer icon palette and corrected card headings */
.about-page .choose-grid {
  width: 100%
}

.about-page .choose-grid article {
  min-width: 0;
  overflow: hidden
}

.about-page .choose-grid article>span {
  background: #f7d9e9 !important;
  color: #4b2767 !important;
  box-shadow: 0 8px 20px rgba(73, 46, 82, .08)
}

.about-page .choose-grid article:nth-child(2)>span {
  background: #f6ddef !important
}

.about-page .choose-grid article:nth-child(3)>span {
  background: #e2e7ff !important
}

.about-page .choose-grid article:nth-child(4)>span {
  background: #ffe6d1 !important
}

.about-page .choose-grid article:hover>span {
  transform: translateY(-3px) scale(1.03)
}

.about-page .choose-grid h3 {
  width: 100%;
  max-width: 250px;
  margin: 0 auto 13px;
  font-size: 18px;
  line-height: 1.35;
  font-weight: 700;
  text-align: center;
  overflow-wrap: anywhere
}

.about-page .choose-grid p {
  text-align: center
}

.about-page .choose-grid article:nth-child(1)>span:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234b2767' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='12' rx='2'/%3E%3Cpath d='M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M3 12h18M10 12v2h4v-2'/%3E%3C/svg%3E")
}

.about-page .choose-grid article:nth-child(2)>span:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234b2767' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='12' cy='12' r='1' fill='%234b2767'/%3E%3Cpath d='m15 9 5-5M17 4h3v3'/%3E%3C/svg%3E")
}

.about-page .choose-grid article:nth-child(3)>span:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234b2767' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4c3 1 5 3 6 6l-7 7-6-6zM14 4 9 9M7 11l-3 1 3 3M13 17l-1 3-3-3'/%3E%3Cpath d='M5 19c1-3 3-4 6-4-1 3-3 5-6 4z'/%3E%3C/svg%3E")
}

.about-page .choose-grid article:nth-child(4)>span:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234b2767' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h12a3 3 0 0 1 3 3v5a3 3 0 0 1-3 3H9l-5 4v-4a3 3 0 0 1-2-3V8a3 3 0 0 1 2-3z'/%3E%3Cpath d='M7 10h.01M11 10h.01M15 10h.01'/%3E%3C/svg%3E")
}

@media(max-width:650px) {
  .about-page .choose-grid h3 {
    font-size: 17px;
    max-width: none
  }
}

/* Equal compact cards with perfectly centered icons */
.about-page .why-choose {
  padding-bottom: 64px
}

.about-page .choose-grid {
  align-items: stretch
}

.about-page .choose-grid article,
.about-page .choose-grid article:nth-child(even) {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  min-height: 305px;
  height: 305px;
  margin-top: 0;
  padding: 28px 21px 23px
}

.about-page .choose-grid article>span {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 64px;
  width: 64px;
  height: 64px;
  margin: 0 auto 22px
}

.about-page .choose-grid article>span:before {
  display: block;
  margin: auto
}

.about-page .choose-grid h3 {
  min-height: 49px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px
}

.about-page .choose-grid p {
  margin: 0
}

@media(max-width:1050px) {

  .about-page .choose-grid article,
  .about-page .choose-grid article:nth-child(even) {
    height: 290px;
    min-height: 290px
  }
}

@media(max-width:650px) {

  .about-page .choose-grid article,
  .about-page .choose-grid article:nth-child(even) {
    height: auto;
    min-height: 270px;
    padding: 25px 18px 22px
  }

  .about-page .choose-grid h3 {
    min-height: auto
  }
}