.AboutContent {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: var(--PMGR_32px);
  gap: var(--PMGR_48px);
  overflow: hidden;
}
/*  */
/*  */
/* About Section 1 */
/*  */
/*  */
.AboutS1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--PMGR_24px);
}
/*  */
/* About Section 1 Part 1 */
/*  */
.AboutS1P1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--PMGR_16px);
}
.AboutS1P1T {
  font-size: var(--font_24px);
  color: var(--color_blue);
}
.AboutS1P1P {
  font-size: var(--PMGR_24px);
}
/*  */
/* About Section 1 Part 2 */
/*  */
.AboutS1P2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 65vw;
}
.AboutS1P2L {
  display: flex;
  flex-direction: column;
  gap: var(--PMGR_16px);
}
.AboutS1P2LT {
  font-size: var(--font_24px);
  color: var(--color_blue);
}
.AboutS1P2LP {
  width: 40vw;
}
.AboutS1P2LR img {
  width: 15vw;
}
/*  */
/* About Section 1 Part 3 */
/*  */
.AboutS1P3::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
  z-index: 2;
}
.AboutS1P3 {
  position: relative;
  min-height: 17.5vw;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--PMGR_64px);
  overflow: hidden;
  width: 85vw;
  border-radius: 20px;
  padding: 0 3vw;
}
.AS1P3BgWeb {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: var(--color_white);
}
.AS1P3BgWebImg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  background-color: var(--color_white);
}
.AS1P3BC {
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: var(--PMGR_24px);
  z-index: 2;
}
.AS1P3Box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--PMGR_8px);
}
.AS1P3BoxImg {
  width: 3vw;
}
.AS1P3BoxT {
  color: var(--color_white);
  font-size: var(--font_16px);
}
.AS1P3ImgBoxMob {
  display: none;
}
@media (max-width: 768px) {
  .AboutS1P2 {
    flex-direction: column-reverse;
    gap: var(--PMGR_32px);
  }
  .AboutS1P2LR img {
    width: 25vw;
  }
  .AboutS1P1P {
    width: 90vw;
    text-align: center;
  }
  .AboutS1P2L {
    align-items: center;
  }
  .AboutS1P2LP {
    width: 89vw;
    text-align: center;
    font-size: var(--font_20px);
  }
  .AboutS1P3 {
    flex-direction: column;
  }
  .AS1P3BgWeb {
    display: none;
  }
  .AboutS1P3::before {
    display: none;
  }
  .AS1P3ImgBoxMob {
    display: block;
  }

  .AS1P3PC::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(154, 149, 149, 0.5) 0%, rgba(154, 149, 149, 0.5) 100%);
    z-index: 2;
  }
  .AS1P3PC {
    position: relative;
    min-height: 60vw;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--PMGR_64px);
    overflow: hidden;
    width: 85vw;
    border-radius: 20px;
    padding: 0 5vw;

  }
  .AS1P3BC{
    align-items: center;
    justify-content: center;
  }
  .AS1P3ImgBoxMob {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: var(--color_white);
  }
  .AS1P3ImgBoxMob img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    background-color: var(--color_white);
  }
  .AS1P3BoxImg {
    width: 10vw;
  }
  .AS1P3BoxT {
    font-size: var(--font_24px);
  }
}
/*  */
/*  */
/* About Section 2 */
/*  */
/*  */
.AboutS2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: var(--color_blue);
  padding: var(--PMGR_48px);
  width: 100%;
  z-index: 3;
  gap: var(--PMGR_24px);
}
.AboutS2P1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--PMGR_16px);
}
.AboutS2P1T {
  font-size: var(--font_20px);
  color: var(--color_med_green);
}
.AboutS2P1P {
  font-size: var(--font_20px);
  color: var(--color_white);
}

/*  */
.AboutS2P2 {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*  */
/*  */
/*  */
/*  */
.AS2P2CardsC {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--PMGR_32px);
  padding: 0 2vw;
  width: 70vw;
  overflow: hidden;
  position: relative;
  height: 40vw;
}
.AS2P2Track {
  display: flex;
  gap: var(--PMGR_32px);
  transition: transform 0.4s ease;
}
.AS2P2Card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--PMGR_16px) var(--PMGR_24px);
  flex: 0 0 21vw;
  height: 30vw;
  background-color: var(--color_light_blue);
  border-radius: 32px;
  position: relative;
  gap: var(--PMGR_16px);
  transition: transform 0.4s ease;
  z-index: 1;
}

.AS2P2CardImg {
  position: relative;
  width: 100%;
  height: 80%;
}
.AS2P2CardImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--PMGR_16px);
  position: relative;
}
.AS2P2CardImg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 1.79%, rgba(0, 83, 191, 0.3) 99.91%);
  z-index: 2;
  height: 100%;
  width: 100%;
  border-radius: var(--PMGR_16px);
}
.AS2P2CardCon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--PMGR_8px);
}
.AS2P2CardConT {
  font-size: var(--font_18px);
}
.AS2P2CardConS {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--PMGR_16px);
}

.AS2P2CCSL,
.AS2P2CCSL:active,
.AS2P2CCSL:visited {
  text-decoration: none;
}
.AS2P2CCSL img {
  width: 2vw;
}
.AS2P2ButtonPrev,
.AS2P2ButtonNext {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background: transparent;
  cursor: pointer;
  z-index: 10;
}
.AS2P2ButtonPrev img,
.AS2P2ButtonNext img {
  width: 6vw;
}
.AS2P2ButtonPrev {
  left: 0;
}
.AS2P2ButtonNext {
  right: 0;
}
.AS2P2Card.active {
  transform: translateY(-30px) scale(1.05);
  z-index: 2;
}
.AS2P2TLines {
  display: none;
}

@media (max-width: 768px) {
  .AS2P2CardsC {
    width: 100vw;
    height: auto;
    justify-content: center;
    overflow: visible;
    flex-direction: column;
  }
  .AS2P2Track {
    gap: var(--PMGR_24px);
  }
  .AS2P2Card {
    flex: 0 0 75vw;
    height: auto;
  }
  .AS2P2CCSL img {
    padding-top: var(--PMGR_12px);
    width: 8vw;
  }
  .AS2P2TLines {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--PMGR_20px);
    background-color: var(--color_blue_second);
    padding: var(--PMGR_8px) var(--PMGR_24px);
    border-radius: var(--PMGR_24px);
    width: 100%;
    overflow: hidden;
  }
  .AS2P2TLines img {
    width: 12.5vw;
  }
}

/*  */
/*  */
/*  */
/*  */

.AboutS3 {
  display: flex;
  padding-bottom: var(--PMGR_48px);
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  justify-content: flex-start;
  width: 100%;
  mask-image: linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent 100%);
}
.AboutS3 .HCP2Box {
  flex: 0 0 auto;
}

.AboutS3Track {
  display: flex;
  gap: var(--PMGR_24px);
  will-change: transform;
  transition: transform linear;
}

.HCP2Box ,
.HCP2Box:active,
.HCP2Box:visited
{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--PMGR_12px);
  background-color: var(--color_light_blue);
  border-radius: var(--PMGR_12px);
  min-width: 20vw;
  width: 20vw;
  max-width: 20vw;
  height: 7.5vw;
  padding: var(--PMGR_12px);
  text-decoration: none;
}

.HCP2BoxP1 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: var(--PMGR_8px);
}
.HCP2BoxP1S1Img {
  width: 2.5vw;
}
.HCP2BoxP1S2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--PMGR_4px);
}
.HCP2BoxP1S2T1 {
  font-size: var(--font_14px);
  color: var(--color_black);
  line-height: normal;
}
.HCP2BoxP1S2T2 {
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: normal;
  width: 15vw;
  max-width: 15vw;
  font-size: var(--font_12px);
  color: var(--color_black);
  line-height: normal;
  display: flex;
  flex-wrap: wrap;
}
.HCP2BoxP2 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--PMGR_20px);
  width: 100%;
}
.HCP2BoxP2P1 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--PMGR_8px);
}
.HCP2BoxP2P1S1Img {
  width: 2vw;
}
.HCP2BoxP2P1S2 {
  color: #1a1a1ab2;
  margin-top: -0.3vw;
  font-size: var(--font_12px);
}
.HCP2BoxP2P2 img {
  width: 1.3vw;
}
.AS3P2TLines {
  display: none;
}
@media (max-width: 768px) {
  .AboutS3 {
    mask-image: none;
    flex-direction: column;
    gap: var(--PMGR_24px);
    padding-bottom: 0;
  }
  .HCP2Box {
    min-width: 100vw;
    width: 100vw;
    max-width: 100vw;
    height: 65vw;
    align-items: center;
    justify-content: flex-start;
    border-radius: var(--PMGR_24px);
    padding: var(--PMGR_20px);
  }
  .HCP2BoxP1 {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .HCP2BoxP1S1Img {
    width: 15vw;
  }
  .HCP2BoxP1S2 {
    align-items: center;
  }
  .HCP2BoxP1S2T1 {
    font-size: var(--font_20px);
  }
  .HCP2BoxP1S2T2 {
    font-size: var(--font_16px);
    text-align: center;
    width: 80vw;
    max-width: 80vw;
  }
  .HCP2BoxP2 {
    flex-direction: column;
  }
  .HCP2BoxP2P1S1Img {
    width: 10vw;
  }
  .HCP2BoxP2P2 img {
    width: 7vw;
  }
  .HCP2BoxP2P1S2 {
    font-size: var(--font_16px);
  }
  .AS3P2TLines {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--PMGR_20px);
    align-self: center;
    padding: var(--PMGR_8px) var(--PMGR_32px);
    border-radius: var(--PMGR_24px);
    width: 70%;
    overflow: hidden;
    margin-top: -3vw;
    margin-bottom: 3vw;
  }
}