.pdp_wrapper { overflow: hidden; }
.pdp_wrapper img { width: 100%; }
.pdp_kv { width: 100%; position: relative; z-index: 4;}
.pdp_container { max-width: 1000px; margin: 0 auto; }
.pdp_section { position: relative; }
.pdp_logo { position: absolute; top: 7%; left: 7%; width: 100px; z-index: 5;}

.pdp_intro { background: linear-gradient(130deg, rgba(200,186,216,1) 0%, rgba(158,135,183,1) 100%); padding-bottom: 30px; }
.pdp_intro_block { background-color: white; padding: 50px; margin: 0 15px; width: 60%; }
.pdp_intro_block {padding: 50px 80px 50px 50px; }
.pdp_text_gp { display: inline-flex; flex-direction: column; align-items: flex-start; margin-bottom: 30px; }
.pdp_text { background-color: #A573A7; display: inline-block; padding: 2px 15px; color: white; margin-bottom: 10px; }
.pdp_p { font-size: 20px; line-height: 1.5em; color: #464646; }
.pdp_title { font-weight: 700; font-size: 36px; margin-top: 30px; line-height: 1.3em; color: #A573A7; }
.en .pdp_title { font-size: 30px; }
.pdp_intro_wrapper { display: flex; position: relative; z-index: 2;}
.pdp_img_1 { width: 280px; margin-left: -12%; margin-top: 30px; }

.deco_1 { background-color: #7C59A1; width: 210px; height: 230px; position: absolute; right: -5%; top: -5%; border-radius: 0 150px 150px 0; }
.deco_2 { background-color: #7C59A1; width: 30%; height: 22px; margin-top: 10px; position: absolute; right: 0; bottom: 0; }
.pdp_img_2 { position: absolute; width: 24%; bottom: -30px; right: 0; z-index: 2; }

.pdp_butterfly_deco { width: 50px; margin: 15px auto; }

.pdp_section.pdp_detail { text-align: center; padding: 60px 15px; background-color: #FFFAFF;}
.pdp_detail .pdp_p { line-height: 2em; }
.pdp_section_title { font-size: 50px; font-weight: 700; line-height: 1.3em; margin-bottom: 15px;background: rgb(200,186,216);
    background: linear-gradient(43deg, rgba(200,186,216,1) 0%, rgba(187,164,213,1) 23%, rgba(205,187,226,1) 35%, rgba(173,145,204,1) 54%, rgba(168,142,197,1) 69%, rgba(182,158,209,1) 81%, rgba(158,135,183,1) 100%);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.en .pdp_section_title { font-size: 40px; }
.diagram { background-color: white; padding: 50px; border-radius: 30px; max-width: 600px; margin: 30px auto 0; }
.pdp_img_3 { width: 300px; margin: 0 auto; position: relative;}
.pdp_span { position: absolute; }
.pdp_span_1 { top: -20px; }
.pdp_span_2 { left: 40px;}


@media screen and (max-width: 991px) {
    .pdp_title { font-size: 32px; }
    .en .pdp_section_title { font-size: 35px; }
    .en .pdp_p { font-size: 16px; }
    .en .pdp_p br { display: none; }

}

@media screen and (max-width: 767px) {
    .pdp_logo { width: 70px; }
    .pdp_intro { padding-bottom: 20%; }
    .pdp_intro_block { padding: 20px; width: 70%; }
    .en .pdp_intro_block { padding: 20px 40px 20px 20px; width: 70%; }
    .pdp_img_1 { margin-left: -10%; width: 240px;}
    .pdp_title { font-size: 28px; }
    .pdp_text { margin-bottom: 5px;}
    .deco_1 { width: 160px; height: 180px;}
    .deco_2 { width: 47%; }
    .pdp_img_2 { width: 40%; }
    .pdp_p { font-size: 16px; }
    .pdp_butterfly_deco { width: 25px; }
    .pdp_section_title { font-size: 30px; }
    .diagram { padding: 45px 15px;}
    .en .pdp_section_title { font-size: 26px; }
    .en .pdp_title { font-size: 24px;}
    .en .pdp_intro_block { width: 100%; padding: 15px 15px 60px 15px; }
    .en .pdp_intro_wrapper { flex-wrap: wrap; justify-content: flex-end; }
    .en .pdp_intro { display: flex; flex-direction: column; align-items: flex-end; padding-bottom: 0;}
    .en .pdp_img_1 { width: 200px; margin-left: 0; margin-top: -70px;}
    .en .deco_2 { width: 100%; margin-top: 0; }
    .en .pdp_img_2 { width: 60%; position: static; margin-bottom: -30px; }
}

@media screen and (max-width: 575.98px) {/* Essential */
    .pdp_intro_block { width: 100%; padding: 15px 15px 50px 15px;}
    .pdp_intro_wrapper { flex-wrap: wrap; justify-content: flex-end; }
    .pdp_intro { display: flex; flex-direction: column; align-items: flex-end; padding-bottom: 0;}
    .pdp_img_1 { width: 200px; margin-left: 0; margin-top: -30%;}
    .deco_2 { width: 100%; margin-top: 0; }
    .pdp_img_2 { width: 60%; position: static; margin-bottom: -30px; }

    .pdp_title { font-size: 24px; }
    .pdp_img_3 { width: 230px; }
    .pdp_span { font-size: 14px;}
    .pdp_p br { display: none; }
}

@media screen and (max-width: 479px) { 
    .pdp_img_1 { margin-top: -60px;}

}