.project_details_three {
  flex-direction: column;
  padding-left: vw(20px);
  justify-content: flex-start;
  .project_details_three_top {
    width: 100%;
    height: 20%;
    display: flex;
    align-items: center;
    padding-left: vw(100px);
    justify-content: flex-start;
  }

  .project_details_three_top_headline {
    width: 85%;
    height: vw(65px);
    display: flex;
    align-items: center;
    border-radius: vw(10px);
    padding: vw(10px);
    .text_component_main_container {
      width: 100%;
      justify-content: flex-end;
      align-items: center;
    }
  }
  .project_details_three__line_top {
    display: block;
    margin-left: vw(15px);
    //margin-right: vw(15px);
    width: vw(5px);
    border-radius: vw(20px);
    height: vw(50px);
  }
  .project_details_three_bottom {
    display: flex;
    padding: vw(30px) vw(80px) vw(10px) vw(25px);
  }
  .project_details_three_bottom_left {
    width: 40%;
    img {
      width: 100%;
      height: 100%;
      display: block;
    }
  }
  .project_details_three_bottom_right {
    display: flex;
    width: 60%;
    flex-direction: column;
    padding: vw(20px);
    padding-left: vw(30px);
  }
  .project_details_three_bottom_right_top {
    width: 100%;
    display: flexs;
    padding-bottom: vw(20px);
  }
  .project_details_three_bottom_right_top_headline {
    width: 100%;
    height: vw(40px);
    display: flex;
    padding-bottom: vw(5px);
  }
  .project_details_three_bottom_right_top_para {
    width: 100%;
    height: vw(140px);
    display: flex;
  }
  .project_details_three_bottom_right_bottom {
    display: flex;
  }
  .project_details_three_bottom_right_bottom_block {
    flex-direction: column;
    width: 50%;
  }
  .project_details_three_bottom_right_bottom_block_headline {
    display: flex;
    width: 100%;
    height: vw(30px);
  }
  .project_details_three_bottom_right_bottom_block_para {
    width: 100%;
    height: vw(160px);
    display: flex;
    padding-top: vw(20px);
  }
}
