.page_cnt .add_image_block {padding: 45px 60px; background-color: #fff; border-radius: 4px;display: flex;gap: 20px;}
.add_image_block .images{width: 25%;}
.add_image_block .upload_image{width: 75%;}
.add_image_block .images .image_list li{list-style: none;}

.add_image_block .images .image_list{display: flex; flex-direction: column; gap: 20px;margin: 0px ;padding: 0px;}
.add_image_block .images .image_list .img_item img{border: 1px dashed #C4C4C4; padding: 5px;border-radius: 8px;}


/* file upload css */

  
.upload_image  .file-upload{width: 60%;padding-top: 50px;}
  
 .upload_image .file-upload-content { display: none; text-align: center; }
  
.upload_image .file-upload-input { position: absolute; margin: 0; padding: 0; width: 100%; height: 100%; outline: none; opacity: 0; cursor: pointer; }
  
.upload_image .image-upload-wrap { border: 1px dashed #979797; position: relative; }

 .upload_image .file-upload .upload_label{font-size: 13px; line-height: 22px;color: #222222;padding-bottom: 12px; display: block;font-weight: 600;}
.upload_image  .file-upload .upload_label .img_size{color: #5C5E5E;font-weight: 400;}
 .upload_image .file_btn{padding-top: 34px;text-align: center; display: flex;gap: 20px;justify-content: center;}

 .upload_image .drag-text { text-align: center;padding-block: 60px; }
 .upload_image .drag-text .upload_text { font-size: 15px; line-height: 24px; color: #5C5E5E;font-weight: 400;padding-top: 10px; } 
  .upload_image .file-upload-image { max-height: 200px; max-width: 200px; margin: auto; padding: 20px; }
  
 
  

  

  @media screen and (min-width:200px) and (max-width:1080px) {
   .upload_image .file_btn .primary_cta.secondary_cta{min-width: 7em;}
   .upload_image  .file_btn .primary_cta.warning_cta{min-width: 7em;}

    .page_cnt .add_image_block{flex-direction: column;padding: 30px;}
    .add_image_block .images{width: 100%;}
    .add_image_block .images .image_list{flex-direction: row;flex-wrap: wrap;}
    .upload_image .file-upload{width: 100%;padding-top: 10px;}
    .add_image_block .upload_image{width: 100%;}
  }
  @media screen and (min-width:768px) and (max-width:1080px) {
    
 
     .page_cnt .add_image_block{flex-direction: row;padding: 30px;}
     .add_image_block .images { width: 25%; }
     .add_image_block .images .image_list{flex-direction: column;}
     .upload_image .file-upload{width: 70%;}
     .add_image_block .upload_image{width: 75%;}
   }

  
  @media screen and (min-width:1080px) and (max-width:1400px) {
   .upload_image .file_btn .primary_cta.secondary_cta{min-width: 10em;}
   .upload_image .file_btn .primary_cta.warning_cta{min-width: 10em;}
   .upload_image .file-upload{width: 70%;padding-top: 50px;}
  }