.pd_top_bg{background-image:  url('../svg/yellow_bg.svg'), linear-gradient(#f3f4f5 35%, #143642 35%);background-size: contain;}
.ptw_upload_box{
    background: #f3f4f5;
    border: 2px dashed #d3d4d5;
    min-height: 540px;
    color: #96a5aa;
}
.social_icon {min-width: 48px;height: 48px;}
.ptw_sty .ptw_h{font-size: 30px;}
.ptw_sty .ptw_t{font-size: 17px;}
.how_convert{background: #194555;color: #a5bdc6;padding: 1.7rem 1.7rem 3rem;min-height: 100%;}
.how_convert span{width: 64px;height: 64px;color: #081e26;font-size: 28px;font-size: 28px;margin-top: -56px;}
.upload_img_box{width: 222px;height: 222px;position: relative;}
.upload_img_box .uib_h{font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.upload_img_box .uib_t{font-size: 15px;color: #4d5659;}
.upload_img_box .overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0;
    background-color: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transition: .7s ease;
    bottom: 0;
}
.upload_img_box .overlay img{cursor: pointer;}
.upload_img_box:hover .overlay {transform: scale(1);}
.ptw_upload_box .up_sidebar{background: #e3e4e5;border-left: 2px dashed #d3d4d5;}
@media only screen and (max-width: 767px){
    .how_convert span{margin: -56px auto 30px auto !important;}
    .how_convert {margin-top: 3rem;min-height: 130px;}
    .ptw_sty .ptw_h {font-size: 25px;}
    .ptw_sty .ptw_t {font-size: 18px;}
    .ptw_upload_box .i_order1{order: 1;}
    .ptw_upload_box .i_order2{order: 2;}
    .ptw_upload_box .up_sidebar{display: flex;width: 100%;border-bottom: 2px dashed #d3d4d5;border-left: none;height: 80px;}
    .upload_img_box {width: 204px;height: 230px;}
}
.ptw_p{position: relative;}
#myOverlay{
    position: absolute;
    background: #141414e8;
}
.add_file{background-image: url(../svg/add_file.svg);background-repeat: no-repeat;background-position: center;}
.drag_drop{background-image: url(../svg/pdftoword_img1.svg);background-repeat: no-repeat;background-position: center;height: 110px;}
.down_btn_box{padding:4px 10px 6px 10px;color:#fff;background-color:#0062ff;border-color:#0062ff;display:none}.down_btn_box:hover{cursor:pointer;background-color:#38c978!important;border-color:#38c978}
.dbtn{width: 100%;}
.pd_top_bg:before,.pd_top_bg:after{z-index: unset;}