.tool-main-div + .container {   padding:0 !important; } main#main {   padding:0 15px; } .single-tools div#single-wrapper .vc_row.wpb_row.vc_row-fluid.tool-content-main-div.container {   padding-left:0 !important;   padding-right:0 !important; } .single-post .tool-content-main-div {   padding-bottom:20px !important; }  .tool-main-div {   background:#fff;   padding:25px;   border-radius:12px;   box-shadow:0 3px 12px rgba(0, 0, 0, 0.1);   margin:20px 0; } .link-cards {   display:flex;   justify-content:space-between;   margin-top:20px;   margin-bottom:20px;   gap:20px; } .link-cards .card {   flex:1;   background:#f9f9f9;   border-radius:10px;   padding:15px;   text-align:center;   box-shadow:0 1px 6px rgba(0, 0, 0, 0.05);  background-color:#F7F7F7;   border:1px solid #007bff69;   box-shadow:0 0 #0000, 0 0 #0000, 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1); } .link-cards .card p {   font-size:20px;   text-align:center !important;   width:100%;   color:#000;   font-weight:600; } .link-cards .card h3 {   font-size:28px !important;   font-weight:700; }  table#imageTable table {   width:100%;   border-collapse:collapse;   margin-top:20px; } table#imageTable th, table#imageTable td {   border:1px solid #ddd;   padding:10px;   text-align:left; } table#imageTable th {   background-color:#007bff;   color:white; } .status-200 {   color:green;   font-weight:bold; } .status-error {   color:red;   font-weight:bold; } #progressWrapper {   background:#a4bee5;   overflow:hidden; } table#imageTable tr td {   line-break:anywhere; } table#imageTable th, table#imageTable td {   border:1px solid #cdcdcd; } div#progressWrapper { height:10px; border-radius:2px; }  #progressBar {   height:100%;   width:0%;   background:linear-gradient(90deg, #3477e8, #005fff);   color:white;   text-align:center;   transition:width 0.4s ease; } .blue-btn {   background-color:#007bff;   color:white;   padding:10px 20px;   border:none;   border-radius:5px;   cursor:pointer;   margin-right:10px; } .blue-btn:hover {   background-color:#0056b3; } #imgUrlInput {   width:100%;   padding:10px;   border:1px solid #ddd;   border-radius:5px;   font-size:16px; } div#progresstext {   font-size:14px;   font-weight:600; } div#progresstext {   margin-top:15px; } div#messageContainer {   margin-top:15px; } .card {   cursor:pointer;   transition:all 0.2s ease;   position:relative; } .card.active-filter {   box-shadow:0 8px 25px rgba(0, 123, 255, 0.3);   border:1px solid #007bff;   background:linear-gradient(135deg, #f8f9ff 0%, #e6f3ff 100%); } .card.active-filter[id="brokenCard"] , #brokenCard:hover {   background:#ff0000 !important;   border-color:#ff0000 !important;   box-shadow:0 8px 25px rgb(255 0 0 / 40%); } .card.active-filter[id="brokenCard"] h3#brokenCount , #brokenCard:hover h3#brokenCount {   color:#fff !important; } .card.active-filter[id="brokenCard"] p , #brokenCard:hover p {   color:#fff; } .card.active-filter[id="workingCard"] , #workingCard:hover {   background:green;   border-color:#008000;   box-shadow:0 8px 25px rgb(0 128 0 / 40%); } .card.active-filter[id="workingCard"] h3#workingCount , #workingCard:hover h3#workingCount {   color:#fff !important; } .card.active-filter[id="workingCard"] p , #workingCard:hover p {   color:#fff; } .card.active-filter[id="totalCard"] , #totalCard:hover {   background:#007bff; } .card.active-filter[id="totalCard"] h3#totalCount , #totalCard:hover h3#totalCount {   color:#fff; } .card.active-filter[id="totalCard"] p , #totalCard:hover p {   color:#fff; } input#imgUrlInput:hover {   outline:1px solid #1e59bc !important; } input#imgUrlInput:active, input#imgUrlInput:focus, input#imgUrlInput:target, input#imgUrlInput:focus-visible,input#imgUrlInput:focus-within {   outline:2px solid #1e59bc !important; } @media(max-width:767px){   div#cardSummary {   flex-wrap:wrap;   flex-direction:column;   gap:10px; } .link-cards .card h3 {   text-align:center !important;   font-size:20px !important;   margin-bottom:5px !important; } .link-cards .card p {   font-size:18px;   margin-bottom:0; } .link-cards .card {   padding:10px; } }