.module_img{
    width: 400px;
    height: 250px;
    top: 140px;
}

#bg_txt_t2{
    top: 115px;
    height: 130px;
}

#bg_txt_t2_intro{
    top: 70px;
    height: 60px;
}

#txt_t2{
   top: 144px;
}

#txt_t2_intro {
    top: 80px;
}

#bg_txt_t3{
    top: 20px;
    height: 100px;
}

#txt_t3{
   top: 40px;
}

#txt_t3_intro {
    top: 150px;
}

#bg_txt_t4{
    top: 60px;
    height: 80px;
}

#txt_t4{
   top: 70px;
}

.player_frame {
    position: absolute;
    height: 100%;
}
.m2_u1_l1{
    position: absolute;
    width: 92%;
    top: 168px;
    left: 12px;
    z-index: 10;
}
.m2_u1_p1{
    position: absolute;
    width: 368px;
    left: 13px;
    top: 12px;
}
.m2_u1_p2{
    position: absolute;
    height: 90%;
    width: 92%;
    left: 13px;
}

.m2_u1_b1{
    position: absolute;
    height: 90px;
    left: 81px;
    width: 33.58px;
    top: 115px;
    cursor: pointer;
}
.m2_u1_b2{
    position: absolute;
    height: 72px;
    left: 166px;
    width: 58.17px;
    top: 133.5px;
    cursor: pointer;
}
.m2_u1_b3{
    position: absolute;
    height: 105px;
    left: 272px;
    width: 43.33px;
    top: 100px;
    cursor: pointer;
}

.back_text{
    position: absolute;
    left: 14px;
   bottom: 15px;
   z-index: 1;
}

.back_text:hover{
    font-weight: bold;
}

.choice_box{
    top: 150px;
    width: 330px;
    position: absolute;
}

#choice_box_2 {
    top: 130px;
}

.txt_radio {
    position: relative;
    margin-bottom: 14px;
    margin-left: 32px;
    cursor: pointer;
    display: table;
}

.txt_radio_2 {
    position: relative;
    margin-bottom: 14px;
    margin-left: 32px;
    cursor: pointer;
    display: table;
}

.txt_radio_3 {
    margin-left: 0px;
}

.module_img_pre_Q2{
    position: absolute;
    top: 180px;
    right: 90px;
}
.module_img_cht_wfl_girls_z_0_2{
    position: absolute;
    top: 340px;
    right: 280px;
    border: 1px solid #FFFFFF;
    cursor: pointer;
    z-index: 5;
}

.module_img_cht_wfl_girls_z_0_2:hover {
    border: 1px solid #00365C;
}

.module_img_pre_Q6{
    position: absolute;
    top: 180px;
    right: 90px;
}
.module_img_M2_U1 {
    width: 430px;
    position: absolute;
    top: 50px;
}
.module_img_M2_U2{
   height: 400px;
    position: absolute;
    top: -15px;
}
.module_img_M2_U3{
    height: 400px;
    position: absolute;
    top: -15px;
}
.txt_head{
    font-size: 12px;
    font-weight: bold;
    margin-top: 0px;
}
.txt_width{
    width: 53%;
}
.topic_t_head{
    margin-top: 0px;
}
.txt_t_content{
    margin-left: 12px;
    margin-bottom: 12px;
}
.img_s1_00{
    position: absolute;
    width: 40%;
    height: 400px;
    top: 70px;
    right: 24px;
}
.img_s2_p2{
    position: absolute;
    width: 40%;
    height: 240px;
    top: 190px;
    right: 48px;
}
.img_m2_bg{
    position: absolute;
    bottom: -44px;
    left: -21px;
    z-index: -1;
    height: 420px;
}
.img_m2_u2_bg{
    position: absolute;
    bottom: 0px;
    height: 450px;
    left: 24px;
}

.img_m2_u3_bg{
    position: absolute;
    bottom: -2px;
    height: 450px;
    left: 0px;
}

.img_m2_paula{
    position: absolute;
    top: 80px;
    width: 25%;
    right: 90px;
    z-index: 1;
}
.img_M2_fatima{
    height: 250px;
    position: absolute;
    top: 150px;
    right: 120px;
}
.img_M2_fatima2{
    height: 300px;
    position: absolute;
    top: 80px;
    right: 90px;
}

.video_p03{
    width: 400px;
    height: 420px;
    position: absolute;
    /* border: 1px solid black; */
    top: 80px;
    right: 12px;
}

.b_1 {
    width: 33.33%;
    height: 300px;
    position: absolute;
    bottom: 100px;
    padding: 12px;
    box-sizing: border-box;
    z-index: 5;
}

.b_2 {
    width: 33.33%;
    height: 300px;
    position: absolute;
    bottom: 100px;
    left: 33.33%;
    padding: 12px;
    box-sizing: border-box;
    z-index: 5;
}

.b_3 {
    width: 33.33%;
    height: 300px;
    position: absolute;
    bottom: 100px;
    right: 0%;
    padding: 12px;
    box-sizing: border-box;
    z-index: 5;
}
.Q_box {
    /* background-color: #BADAE6; */
    width: fit-content;
}
.normal_txt_box {
    width: calc(100%);
    height: calc(100% - 24px);
    position: absolute;
    top: 12px;
    left: 0px;
    z-index: 1;
    box-sizing: border-box;
    padding-top: 0px;
    color: #00365C;
    line-height: 18px;
}
.pic_b {
    position: absolute;
    bottom: 00px;
    right: 50%;
    left: 30px;;
}
.tr_1_dehy{
    width: 30%;
}
.tr_1_deht_2{
    width: 14%;
}
.tr_1_deht_3{
    width: 18%;
}
.tr_1_deht_4{
    width: 10%;
}
.tr_1_deht_5{
    width: 24%;
}
.table_dehy{
    margin-top: 24px;
}
.tb_0{
    width: 25%;
}
.tb_1{
    width: 14%;
}
.tb_2{
    width: 14%;
}
.tb_3{
    width: 14%;
}
.tb_4{
    width: 33%;
}
.pic_b_dehy{
    position: absolute;
    bottom: 20px;
    left: 54px;
}
.pic_b_dehy_adam{
    position: absolute;
    bottom: 20px;
    left: 0px;
}
.pic_b2 {
    position: absolute;
    bottom: 60px;
    right: 50%;
}
.pic_b_1 {
    height: 250px;
}

.pic_b_2 {
    height: 250px;
}

.pic_b_3 {
    height: 250px;
}
.normal_txt_box {
    width: calc(100%);
    height: calc(100% - 24px);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    box-sizing: border-box;
    padding-top: 0px;
    color: #00365C;
    line-height: 18px;
}
.select_combo {
    width: 120px;
    height: 18px;
    margin-left: calc(0px);
}
.select_combo2 {
    width: 120px;
    height: 18px;
    margin-left: calc(50% - (120px / 2));
}

.pb_u1_in8{
    position: absolute;
    top:20px;
    left:-20px;
    width: 270px;
    height: 50px;
    z-index: -1;
}
.pb_u1_in7{
    position: absolute;
    top:-15px;
    left:-20px;
    width: 400px;
    height: 50px;
    z-index: -1;
}
.pb_u1_dehy1{
    position: absolute;
    top:37px;
    left:-20px;
    width: 600px;
    height: 50px;
    z-index: -1;
}
.pb_u1_dehy2{
    position: absolute;
    top:-12px;
    left:-20px;
    width: 970px;
    height: 60px;
    z-index: -1;
}
.radio_table_box {
    text-align: center;
}

.table_line {
    height: 28px;
}

.table_indicator{
    text-align: left;
    border-bottom: 1px solid black;
    padding-left: 12px;
}
.td_indicators{
    border-left: 1px solid black;
    /* padding-left: 12px; */
}
.table_padding{
    padding: 4px 0px 4px 12px;
  
}
table{
   border-spacing: 0px;
   text-align: left;
   /* padding: 2px; */
}
.th_width{
    width: 60%;;
    text-align: left;
    padding-left: 12px;
}

.tr_padding{
    padding: 4px 0px 4px 12px;
    
}
.table_alige{
    text-align: center;
}
.img_border{
    position: absolute;
    right: 0px;
    top: 10px;
}
.img_arm1{
    position: absolute;
    right: 10px;
    width: 400px;
    top: 100px;
}
.transparency{
    position: absolute;
    right: 308px;
    z-index: 1;
    top: 394px;
}
.video_other{
    position: absolute;
    right: 50px;
    /* width: 400px; */
    top: 40px;
    /* height: 260px; */
    /* border: 1px solid black; */
}
.img_nkosi{
    position: absolute;
    height: 400px;
    right: 0px;
    top: 28px;
}
.img_nkosi_2{
    position: absolute;
    height: 400px;
    right: 0px;
    top: 100px;
}

.box_txt_b {
    width: 45%;
    position: absolute;
    right: 0px;
    top: 40px;
}
.box_txt_b_top{
    position: absolute;
    width: 100%;
}
.pic_b_1_8_1 {
    height: 100px;
}

.pic_b_1_8_2 {
    height: 40px;
}

.pic_b_1_8_3 {
    height: 140px;
}

.pic_b_1_8_4 {
    height: 100px;
}


.b_class_1_8_1 {
    width: 25%;
    height: 300px;
    position: absolute;
    top: 60px;
    padding: 12px;
    box-sizing: border-box;
    z-index: 5;
}

.b_class_1_8_2 {
    width: 25%;
    height: 300px;
    position: absolute;
    top: 60px;
    left: 25%;
    padding: 12px;
    box-sizing: border-box;
    z-index: 5;
}

.b_class_1_8_3 {
    width: 25%;
    height: 300px;
    position: absolute;
    top: 60px;
    right: 25%;
    padding: 12px;
    box-sizing: border-box;
    z-index: 5;
}

.b_class_1_8_4 {
    width: 25%;
    height: 300px;
    position: absolute;
    top: 60px;
    right: 0px;
    padding: 12px;
    box-sizing: border-box;
    z-index: 5;
}
.dehydrated_th{
    text-align: center;
}




.img_s1_002{
    position: absolute;
    right: 24px;
    top: 90px;
    width: 40%;
}

.img_play{
    position: absolute;
    right: 352px;
    z-index: 2;
    bottom: 32px;
    cursor: pointer;
}

.img_h{
    position: absolute;
    left: 558px;
    bottom: 89px;
    z-index: 0;
}
.video_img{
    position: absolute;
    left: 528px;
    bottom: 62px;
    z-index: 0;
}




/* nikaaa-------------------- */
.girl_1{
    position: absolute;
    
}
.girl_2{
    position: absolute;
    left : 170px;
}
.girl_3{
    position: absolute;
    left : 342px;
    
}

.girl_text1{
    position: absolute;
    text-align: center;
    left:30px;
    top:330px;
}

.girl_text11{
    position: absolute;
    left:20px;
    top:300px;
}

.girl_text2{
    position: absolute;
    text-align: center;
    left:208px;
    top:330px;
}

.girl_text22{
    position: absolute;
    left:200px;
    top:300px;
}

.girl_text3{
    position: absolute;
    text-align: center;
    left:380px;
    top:330px;
}

.girl_text33{
    position: absolute;
    left:370px;
    top:300px;
}

.table{
width: 60%;
height: 100%;
text-align: center;
}
.d1{
    padding: 8px;
}
.pic-boy{
    position: absolute;
    left: 600px;
    bottom: 55px;
    height: 125px;
}
.pic-girl{
    position: absolute;
    left: 600px;
    bottom: 190px;
    height: 125px;
}

.gtext1{
    position: absolute;
    text-align: center;
    left: 606px;
    bottom: 220px;
    width: 150px;
}
.gtext11{
    position: absolute;    
    left :615px;
    bottom: 235px;
}
.btext2{
    position: absolute;
    text-align: center;
    left: 606px;
    bottom: 84px;
    width: 150px;
}
.btext22{
    position: absolute;    
    left :615px;
    bottom: 100px;
}
.bd-1{
    position: absolute;
    right: 21px;
    height: 420px;
    top: 8px;
    z-index: 1;
}
.a_hover:hover{
   /* font-size: 14px; */
    /* color: midnightblue; */
    font-weight: bold;
    cursor: pointer;

}
.img_dot{
    width: 14px;
    position: absolute;
    left: 0px;
    bottom: 2px;
    z-index: 6;
    cursor: pointer;
} 
.img_line{
    width: 260px;
    position: absolute;
    left: 602px;
    bottom: 41px;
    z-index: 2;
}
.img_dot2{
    width: 14px;
    position: absolute;
    left: 15px;
    bottom: 2px;
    z-index: 6;
    cursor: pointer;
}

.img_line2{
    width: 256px;
    position: absolute;
    left: 630px;
    bottom: 43px;
    z-index: 2;
}
.seek_box_area {
    position: absolute;
    width: 260px;
    height: 18px;
    right: 75px;
    bottom: 33px;
    z-index: 5;
}
.seek_box_area2 {
    position: absolute;
    width: 260px;
    height: 18px;
    right: 58px;
    bottom: 36px;
    z-index: 5;
}

.validate_icon {
    position: absolute;
    left: -16px;
    width: 16px;
    border: 0 !important;
    cursor: auto !important;
}

.feedback_btn {
    position: absolute;
    height: 100%;
    z-index: 5;
    cursor: pointer;
}

.hover_ss_table_img {
    cursor: pointer;
}

.hover_ss_table_img img {
    border: 1px solid #FFFFFF;
}

.hover_ss_table_img:hover img {
    border: 1px solid #00365C;
}

.box_transparent_b1 {
    width: 48px;
    height: 25px;
    position: absolute;
    z-index: 10;
    top: 168px;
    left: 74px;
    cursor: pointer;
}

.box_transparent_b2 {
    width: 59px;
    height: 25px;
    position: absolute;
    z-index: 10;
    top: 168px;
    left: 165px;
    cursor: pointer;
}

.box_transparent_b3 {
    width: 51px;
    height: 25px;
    position: absolute;
    z-index: 10;
    top: 168px;
    right: 82px;
    cursor: pointer;
}

/* .cursor_block{
    position: absolute;
    height: 21px;
    width: 14px;
    z-index: 2;
    bottom: -7px;
    left: 112px;
    background-color: red;
    opacity: 0.5;
} */