
.pdp_wrapper img { width: 100%;}
.pdp_wrapper.pdp_black .pdp_name_block{ background-color: #262222; }
.pdp_wrapper.pdp_black .pdp_name_col .pdp_p , .pdp_wrapper.pdp_black .pdp_name_col .pdp_title_box{ color: #262222; }

.pdp_wrapper.pdp_white .pdp_name_block{ background-color: #ECECEA; color: #D50C17;}
.pdp_wrapper.pdp_white .pdp_name_col .pdp_title_box{ background-color: #D50C17; color: white; }
.pdp_wrapper.pdp_white .pdp_name_block .pdp_title_l { color: #D50C17; }

.pdp_section { padding: 30px 0;}
.pdp_container { max-width: 1000px; margin: 0 auto; padding: 0 10px;}
.pdp_title { font-size: 36px; line-height: 1.3em; font-weight: 700; }
.pdp_title_l { font-size: 60px; color: #A0A0A0; line-height: 1.2em; }
.pdp_main_wrapper { display: flex; justify-content: center; margin-top: 50px;}
.pdp_name_col { width: 60%; }
.pdp_main_img { position: relative; margin-right: 30px; aspect-ratio: 152/167; }
.pdp_name_block { color: white; background-color: #D50C17; padding: 50px; margin-left: -40%; padding-left: 40%; }
.pdp_name_block .pdp_title_l { color: white;}
.pdp_p { line-height: 1.5em; }
.pdp_title_box { padding: 5px 20px; background-color: white; color: #D50C17; font-size: 24px; font-weight: 700; display: inline-block; border-radius: 5px; margin-top: 20px;}
.pdp_name_col .pdp_p { margin-top: 20px; font-size: 24px; font-weight: 700; color: #D50C17; }

.pdp_usp_row { display: flex;}
.pdp_ul { padding: 30px; background-color: #E8E8E8; margin-right: -10%; padding-right: 12%; }
.pdp_li { display: flex;}
.pdp_pt { width: 10px; min-width: 10px; aspect-ratio: 7/5; margin-right: 5px; }
.pdp_li { margin-bottom: 30px;  }
.pdp_li:last-child { margin-bottom: 0px; }
.pdp_usp_img_col { display: flex;}
.pdp_usp_img_block { display: flex; align-items: flex-end;}
.pdp_usp_img_1 { aspect-ratio: 28/59;}
.pdp_usp_img_2 { aspect-ratio: 1/1; margin-left: -15%; margin-bottom: -15%;}
.pdp_usp_txt_box { background-color: white; margin-left: -20%; border:  2px solid #D50C17; padding: 5px; height: fit-content; }
.pdp_usp_txt_box_mobile { display: none;}
.pdp_usp_txt {border:  1px solid #D50C17; padding: 15px;}

.pdp_how_wrapper { background-color: #E8E8E8; padding: 30px; margin-bottom: 50px;}
.pdp_how_wrapper:last-child { margin-bottom: 0px;}
.pdp_section_title { font-size: 24px; font-weight: 700; line-height: 1.3em; padding-bottom: 10px; margin-bottom: 5px; border-bottom: 1px solid #868686;}
.pdp_how_gp { border-top: 2px solid #868686; padding-top: 30px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.pdp_how_card { position: relative; display: flex; flex-direction: column; align-items: center; width: 23%; margin-left: 1%; margin-right: 1%; }
.pdp_how_number { position: absolute; color: #D50C17; font-size: 30px; font-weight: 700; top: 0px; left: 0px; }
.pdp_how_img { width: 70%; box-shadow: 0 0px 15px #a0a0a095; position: relative; z-index: 30; aspect-ratio: 1/1; }
.pdp_how_txt {  background-color: #8B8B8B; flex: 1; width: 100%; color: white; margin-top: -20px; }
.pdp_how_txt .pdp_p { padding: 45px 15px 15px;}

@media screen and (max-width: 767px) {
    .pdp_section { padding: 20px 0;}
    .pdp_title_l { font-size: 40px;}
    .pdp_title { font-size: 24px; }
    .pdp_main_img { margin-right: 15px;}
    .pdp_name_col .pdp_p { font-size: 20px;}
    .pdp_usp_txt_box { display: none;}
    .pdp_main_wrapper { margin-top: 20px;}
    .pdp_usp_txt_box_mobile { display: block; margin-left: 0; margin-bottom: -20%;}
    /* .pdp_usp_row {flex-wrap: wrap;} */
    .pdp_ul { height: fit-content; width: 90%; padding-left: 15px; padding-right: 15%; }
    .pdp_usp_img_col { width: 30%;}
    .pdp_usp_img_block { flex-direction: column;}
    .pdp_usp_img_1 { max-width: 160px; margin-top: 17%;}
    .pdp_usp_img_2 { margin-top: -40%; margin-left: -20%; margin-right: 20%; max-width: 130px;}
    .pdp_how_card { width: 48%; margin: 15px 0;}
    .pdp_how_wrapper { padding: 15px; margin-bottom: 20px;}
    .pdp_section_title , .pdp_how_number { font-size: 20px;}
}

@media screen and (max-width: 479px) {
    .pdp_section { padding: 10px 0; }
    .pdp_container { padding: 0;}
    .pdp_main_wrapper { flex-wrap: wrap;}
    .pdp_main_img { margin-right: 0px; margin-bottom:-50px; max-width: 280px; width: 100%;}
    .pdp_name_col { padding: 15px;}
    .pdp_name_block { margin: 0 -15px; padding: 50px 15px 20px; text-align: center;}
    .pdp_name_col { width: 100%; }
    .pdp_title > nobr { display: none; }
    .pdp_usp_row { flex-direction: column; align-items: center; }
    .pdp_ul { width: 100%; padding: 30px 15px; margin:0;}
    .pdp_usp_img_col { width: 80%; justify-content: center; max-width: 220px; margin: 20px 0;}
    .pdp_usp_img_block { flex-direction: row;}
    .pdp_usp_img_2 { margin-right: unset; max-width:200px;}
    .pdp_how_gp { justify-content: center;}
    .pdp_how_card { width: 100%; max-width: 300px; }
    .pdp_how_img { max-width: 180px;}

}

