.training.about {
    padding: 48px 160px;
}

.training ._hero_ {
    background:url("../img/training/training_hero_edit.jpg");
    background-size: cover;
    /* background-position-x: -52px; */
    background-position-y: center;
}

.training .titleArea {
    margin-bottom: 0;
}

.training .titleArea p {
    /* margin-bottom: 160px; */
}

.training.about {
}

.training .about__flex {
    margin-top: 64px;
    gap: 100px;
}

.training .about__flex .textArea{
    /* width: 74%; */
}

.training .about__flex .textArea h1 {
    margin: 16px 0;
}

.training .about__flex .textArea p {
    font-size: 16px;
    line-height: 32px;
    /* width: 900px; */
}

.training .about__flex .photoArea {
    width: 90vh;
    height: auto;
    overflow: hidden;
    border-radius: 10px;
    background-image: url("../img/about.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  .pt__flow .training__flow .photo__flow__flex {
      display: flex;
      justify-content: space-around;
      /* flex-wrap: wrap; */
      gap: 64px;
      /* margin-bottom: 72px; */
  }

  .pt__flow .photo__flow .photo__flow{
      width: auto;
      display: inline-block;
  }

  .pt__flow .photo__flow img{
    width: 560px;
    height: 390px;
    border-radius: 10px;
    object-fit: cover;
    overflow: hidden;
  }

  .pt__flow .photo__flow p {
      margin-bottom: 80px;
      font-family: "ofelia-text", sans-serif;
      font-weight: 300;
      font-style: italic;
  }

  .pt__flow .photo__flow .photoArea__flow .flow__icon {
      object-fit: cover;
  }

  .pt__flow  .recommend__content {
      width: 30%;
      height: 200px; 
  }

  .pt__flow  .recommend__content .pt__title{
    display: flex;
    justify-content: space-between;
}

.boxercise.about {
    padding: 0 160px;
}

@media screen and (max-width:768px) {
    .training.about {
        /* padding: 48px 24px; */
        padding: 0;
    }


    .training .titleArea {
        margin-bottom: 0;
    }

    .training .titleArea h2{
        font-size: 12px;
    }

    .training .titleArea h1{
        font-size: 16px;
    }


    .training .about__flex .textArea{
        width: 84%;
    }
    

    .pt__flow .titleArea h2{
        font-size: 12px;
    }

    .pt__flow .titleArea h1{
        font-size: 16px;
    }

    .training .about__flex {
        padding: 0;
    }




    .pt__flow .training__flow .photo__flow__flex {
        display: block;
        text-align: center;
        padding: 0 24px;
        /* border: 1px solid red; */
    }

    .pt__flow .training__flow .photo__flow__flex p{
        text-align: left;
        margin-top: 0;
        font-size: 12px;
    }

    .pt__flow .photo__flow {
        /* border: 1px solid red; */
        width: 88%;
        margin: 0 auto;
        margin-top: 64px;
    }

    .pt__flow .photo__flow img{
        width: 100%;
        height: 210px;
        margin-top: 24px;
      }

    .pt__flow  .recommend__content {
        width: 72%;
        height: auto; 
        padding: 20px 30px;
        margin: 0 auto;
        margin-top: 24px;
    }

    .pt__flow  .recommend__content .pt__title h2{
        font-size: 14px;
    }

    .pt__flow  .recommend__content p{
        font-size: 12px;
        text-align: left;
    }

    .pt__flow  .recommend__content button {
        height: 64px;
        font-size: 14px;
    }
}