.h3_tools h3{ text-transform:capitalize; font-size:1.3rem !IMPORTANT; font-weight:500; } button#addImageButton {   background:linear-gradient(45deg, #1e55b2, #3477e8);   transform:scale(1);   transition:0.5s all; } button#addImageButton:hover {   background:linear-gradient(45deg, #0f449f, #0f449f);   transform:scale(1.05); } button#downloadLink {  transform:scale(1);  transition:0.5s all; } button#downloadLink:hover {   background:#0e643c;   transform:scale(1.05); } @media(max-width:767px){   .image-container {  max-width:calc(50% - 10px) !important;   }   div#modeSelector {  flex-wrap:wrap;  justify-content:flex-start;   } } @media(max-width:540px){   .image-container {  max-width:calc(100% - 0px) !important;   }   div#modeSelector h2 {  flex:100% 0 0;   } } @media(min-width:768px) and (max-width:1200px){   .image-container {  max-width:calc(32.33% - 10px) !important;   }   div#modeSelector {  flex-wrap:wrap;  justify-content:flex-start;   } } @media(max-width:767px){ .mycontainer {   padding:0 !important; } .single-tools div#single-wrapper .pad-zero-webp ul{   padding-left:0px !important;   }   .h3-pad-zero h3, .h3-pad-zero p{   padding-left:0px !important;   } .h3-pad-zero ul li{   margin-left:10px !important;   }  div#page1 {   padding:10px !important; } .single-tools #content div#primary main#main {   margin-top:10px !important; } button#addImageButton, button#downloadLink {   padding:10px;   font-size:13px; } div#content {   margin-top:0 !important; } }  @media(max-width:1399px){  .mob-tools-filter {   margin-top:30px; } .single-tools.postid-54320 #content div#primary main#main {   margin-top:20px !important; }  }  button#previewBtn {   background:linear-gradient(45deg, #1e55b2, #3477e8);   transform:scale(1);   transition:0.5s all;   padding:10px 20px !important; } button#previewBtn:hover {   background:linear-gradient(45deg, #0f449f, #0f449f);   transform:scale(1.05); }  .single-tools #content div#primary main#main {margin:50px 0 !important;} .image-container:hover button.remove-button {   background:red; } div#imagePreview {   display:flex;   align-items:center;   justify-content:start;   gap:20px;   padding:0;   flex-wrap:wrap;   margin-bottom:40px;   border:1px solid #ccc5;   padding:20px;   background:#0001;   border-radius:5px; } .image-container {   width:100%;   height:250px;   position:relative;   background-color:#ffffff;   box-shadow:0 0 10px rgba(0, 0, 0, 0.1);   padding:15px;   max-width:calc(25% - 15px) !important;   border-radius:5px; } .image-container img {   width:100%;   height:100%;   object-fit:cover;   object-position:center; } .remove-button {   position:absolute;   top:-5px;   right:-5px;   cursor:pointer;   font-size:25px;   width:25px;   height:25px;   line-height:normal;   display:flex;   align-items:center;   justify-content:center;   padding:0;   background:#e74c3c;   color:#fff;   border:none;   border-radius:5px; } #page2 h2 {   font-size:30px !important;   margin:0 auto 0 0;   text-transform:capitalize;   font-weight:600; } button:disabled {   opacity:0.5;   cursor:not-allowed; } button {   background-color:#117eef;   color:#fff;   padding:10px 20px;   border:none;   border-radius:5px;   cursor:pointer;   font-weight:500; } .prev-img-col {   display:flex;   justify-content:center;   align-items:center;   gap:10px;   margin-bottom:20px; } div#page1 {   display:block;   width:100%;   max-width:550px;   text-align:center;   padding:25px;   box-shadow:0 0 15px 0px #0002;   border-radius:10px;   margin:10px auto 30px; } .file-input { color:#0e65bf; cursor:pointer; border-radius:10px; text-transform:uppercase; font-weight:500; letter-spacing:3px; font-family:system-ui; font-size:24px; min-height:225px; display:flex; align-items:center; justify-content:center; width:100%; border:2px dashed; margin:auto; } input#imageInput { display:none; } button#downloadLink {   background:green;   color:#fff !important;   text-align:center;   padding:10px 20px;   border-radius:5px;   margin:0;   font-weight:500; } div#page2 {   text-align:center; } div#modeSelector input {   display:none; } div#modeSelector label {   font-weight:500;   color:#20a5b8;   padding:5px 10px;   cursor:pointer;   margin-bottom:0;   font-size:14px; } div#modeSelector input:checked + label {   background:#20a5b8;   color:#fff;   cursor:unset; } div#modeSelector {   display:flex;   gap:10px;   align-items:center;   justify-content:end;   margin-bottom:10px; } div#modeSelector div {   border:1px solid #20a5b8;   border-radius:5px;   background:transparent;   overflow:hidden;   display:flex; }