.tool-code {   background:url(/wp-content/uploads/2026/10/tool-card.webp);   background-size:cover;   background-position:center;   background-repeat:no-repeat;   padding:30px;   position:relative;   z-index:1;   border-radius:6px;   box-shadow:1px 1px 11px 1px #00000033;   text-align:center;   margin:20px 0; } .beauty.container {   padding:0; } .tool-main-div {   margin-top:40px;   padding:0; } .error:not(:empty) {   color:red;   margin-bottom:28px; } .in-out-parent-div {   display:flex;   width:100%;   gap:20px; } .input-container, .output-inner-parent {   max-width:510px;   width:100%; } .input-container, .output-container {   position:relative; } .file {   position:absolute;   z-index:1;   right:10px;   top:-30px; } .file.file--upload, .file.file--download {   width:25px;   height:25px;   object-fit:contain; } .file.file--download {   right:45px;   color:rgb(46, 135, 201);   cursor:pointer; } .file--upload>label {   color:rgb(50, 115, 220);   border:unset; } .file.file--upload img, .file.file--download img {   width:100%;   height:100%;   object-fit:contain;   cursor:pointer; } .file>input[type="file"] {   display:none; } textarea.cst-textarea {   height:280px !important;   width:100% !important;   margin:11px 0px 0px;   padding:10px;   border-radius:10px; } .output-container {   margin-top:0px; } button.copy-output {   border:unset;   background:transparent; } button.copy-output {   position:absolute;   top:-28px;   right:5px; } button.copy-output img {   width:20px;   height:20px;   border:unset;   background:transparent; } label {   margin-bottom:0; } .func-buttons {   display:flex;   justify-content:center;   margin:10px 0px; } .blue-btn {   color:rgb(255, 255, 255);   cursor:pointer;   text-transform:capitalize;   border:unset;   border-radius:5px;   background:linear-gradient(45deg, rgb(30, 85, 178), rgb(52, 119, 232));   transition:0.5s;   transform:scale(1);   font-size:14px;   padding:10px 15px; } button.copy-btn.blue-btn {   background:linear-gradient(45deg, rgb(178, 30, 30), rgb(232, 52, 52)); } .tool-content-sec {   padding:0; } @media(max-width:767px) {   .tool-code {  padding:20px 15px;   }   .tool-main-sec .tool-code h2 {  font-size:30px;  line-height:38px;   }   .in-out-parent-div {  flex-wrap:wrap;  gap:40px;  justify-content:center;   } } .wpb_text_column.wpb_content_element {   margin-bottom:0; } #single-wrapper #content .tool-content-sec h2 {   margin-bottom:18px; } #single-wrapper #content .tool-content-sec .wpb_text_column p, #single-wrapper #content .tool-content-sec .wpb_text_column li {   margin-bottom:15px } ol {padding-left:2rem;} ol li {   list-style:decimal; }