.i-m-compress-button-667{
margin-left:10px;

}        
        .slider-container input[type="range"] {
   -webkit-appearance: none;
   width: 100%;
   height: 8px;
   background: #ddd;
   border-radius: 5px;
   outline: 0;
   cursor: pointer;
   padding: 10px
 }
 
 .slider-container input[type="range"]::-webkit-slider-thumb {
   -webkit-appearance: none;
   width: 18px;
   height: 18px;
   background: #007bff;
   border-radius: 50%;
   cursor: pointer
 }
 
 .slider-container input[type="number"] {
   width: 60px;
   text-align: center
 }
 
 button:disabled {
   background: #ccc !important;
   cursor: not-allowed;
   border: none !important;
   transform: none !important
 }
 
 input::file-selector-button {
   background: #007bff;
   );
   background-position-x: 0;
   background-size: 200%;
   border: 0;
   border-radius: 8px;
   color: #fff;
   padding: 1rem 1.25rem;
   text-shadow: 0 1px 1px #333;
   transition: all .25s
 }
 
 input::file-selector-button:hover {
   background-position-x: 100%;
   transform: scale(1.0)
 }
 
 #file-pick-1 :active {
   background: lightgray;
   width: 98% !important;
   border-radius: 10px

 }
 
 [name="img-com-file-select-input"] {
   width: 88%;
   background: #e9eaee;
   height: 200px;
   margin-left: 2%;
   margin-right: 2%;
   margin-top: 10px;
   border: dashed 2px #007bff;
   padding: 10px;
   border-radius: 10px
 }
 
 [name="img-comp-container"] {
   max-width:1200px;
   margin-left:10px;
   margin-right:10px;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
   border-radius: 7px;
   padding-top: 10px;
   padding-bottom: 10px;
   user-select: none;
 background:white;
 }
 
 [name="img-comp-range-div"] {
   display: flex;
   padding-top: 20px;
   margin-left: 10px;
   margin-right: 10px
 }
 
 [name="img-comp-quality-div"] {
   margin-top: 40px;
   margin-left: 10px
 }
 
 [name="img-comp-quality-input"] {
   padding: 10px;
   border-radius: 5px;
   border: solid 1px #ccc
 }
 
 [name="img-comp-select-file-input"] {
   padding-top: 60px !important;
   height: 140px !important;
   width: ;
   padding-left: 5px !important;
   margin-right: 5px !important;
   font-size: 15px !important
 }
 
 [name="img-comp-incr-dic-button"] {
   border: 0;
   margin-right:5px;
margin-left:5px;
   padding:10px;
   border-radius: 5px
 }

 [name="img-comp-size-img-size"] {
   margin-left: 10px;
   display: flex;
   height: 20px;
   margin-top: 20px
 }
 
 [name="img-comp-compress-button-div"] {
   margin-left: 10px;
   margin-top: 30px
 }
 
 [name="img-comp-buttons-m-h"] {
   border-radius: 7px;
   color: #000;
   padding: none;
   
   border: 0;
padding:13px;
   margin-right: 10px;
   background: #fc0 !important
 }
 
 [name="img-comp-buttons-m-h"]:hover {
   border: dashed 1.5px #007bff
 }
 

 
 [name="img-comp-button-clear-icon"] {
   color: crimson
 }
 
 [name="img-comp-Orig-comp-Image-div"] {
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
   margin-left: 5px;
   margin-right: 5px;
   background: #e9eaee;
   border-radius: 7px;
   padding: 5px;
   display: flex;
   justify-content: center;
   align-items: center
 }
 
 [name="img-comp-Ori-comp-Image-h4"] {
   margin-left: 10px
 }
 
 [name="img-comp-org-compress-img"] {
   min-height: 1px;
   max-height: 100%;
   min-width: 1px;
   max-width: 100%;
   float: center
 }
 
 [name="img-comp-size-img-h5"] {
   margin-left: 10px;
   color: #007bff
 }
 
 [name="img-comp-size-img-prag-1"] {
   margin-top: -1px;
   margin-left: 5px
 }
 
 [name="img-comp-size-img-div-2"] {
   display: flex;
   height: ;
   margin-top: 10px
 }
 
 [name="img-comp-size-img-prag-2"] {
   margin-top: -1px;
   margin-left: 5px
 }
 
 [name="img-compre-download-button"] {
   background-color: #007bff;
   border: 0;
   padding:13px;
   border-radius: 50px;
   color: #fff;
   
   margin-left: 10px;
   float: right;
   margin-right: 10px;
   margin-top: 20px
 }
 
 [name="img-comp-dowmload-div"] {
   height: 70px
 }
 
 [name="img-compre-download-timer"] {
   margin-left: 10px;
   display: none
 }