.pmAboutSection { position: relative; background-color: #3a307f; padding: 5.4rem 0; }
.pmAboutSection .aboutRow { display: flex; align-items: center; justify-content: space-between; gap: 2.5rem }
.pmAboutSection .aboutRow .titleCls { width: 58%; }
.pmAboutSection .aboutRow .imgCls { border-radius: 8px; flex-basis: 40%; height: 0; margin: 0; overflow: hidden; padding-bottom: 26.09%; position: relative; width: 100%; }
.pmAboutSection .aboutRow .imgCls img { border-radius: 4px; }
.pmAboutSection .aboutRow.aboutTitle .titleCls { text-align: left; }
.pmAboutSection .aboutRow.aboutTitle .titleCls h2 { color: #FFFFFF; font-family: "Open Sans", sans-serif; font-size: 40px; font-weight: 700; line-height: 1.2; margin-bottom: 30px; width: 40%; }
.pmAboutSection .aboutRow.aboutTitle .aboutDesc p { line-height: 1.6; color: #FFFFFF; font-family: "Open Sans", sans-serif; font-size: 18px; font-weight: 400; margin-bottom: 16px; margin-top: 0; }
.pmAboutSection .aboutRow.aboutTitle .aboutDesc p span { text-decoration: underline; font-weight: 600 color: #ea3934; }

@media screen and (max-width: 992px) {
  .pmAboutSection { padding: 3.5rem 0; }
  .pmAboutSection .aboutRow { flex-direction: column; }
  .pmAboutSection .aboutRow .titleCls { width: 100%; }
  .pmAboutSection .aboutRow .imgCls { width: 100%; padding-bottom: 0; }
}

@media screen and (max-width: 767px) {
  .pmAboutSection .aboutRow.aboutTitle .titleCls h2 { width: 100%; }
}

@media screen and (max-width: 640px) {
  .pmAboutSection { padding: 3rem 0; }
}

@media screen and (max-width: 575px) {
  .pmAboutSection .aboutRow.aboutTitle .titleCls h2 { font-size: 36px; margin-bottom: 15px; }
  .pmAboutSection .aboutRow.aboutTitle .aboutDesc p { font-size: 16px; }
}