.elementor-313 .elementor-element.elementor-element-dbaeebd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-313 .elementor-element.elementor-element-eee04bd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-313 .elementor-element.elementor-element-d741670{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-313 .elementor-element.elementor-element-9ef40c6{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-313 .elementor-element.elementor-element-7397133{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:left;}.elementor-313 .elementor-element.elementor-element-7397133 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:700;color:#000000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-313 .elementor-element.elementor-element-9748886{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-313 .elementor-element.elementor-element-c12c19e{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:left;}.elementor-313 .elementor-element.elementor-element-c12c19e .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:500;color:#000000;}.elementor-313 .elementor-element.elementor-element-231cc6b{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;color:#5F5F5F;}.elementor-313 .elementor-element.elementor-element-40046af{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:left;}.elementor-313 .elementor-element.elementor-element-40046af .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:500;color:#000000;}.elementor-313 .elementor-element.elementor-element-80c2ab4{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;color:#5F5F5F;}.elementor-313 .elementor-element.elementor-element-d660abe{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:left;}.elementor-313 .elementor-element.elementor-element-d660abe .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:500;color:#000000;}.elementor-313 .elementor-element.elementor-element-c2ff3ac{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;color:#5F5F5F;}@media(max-width:1024px){.elementor-313 .elementor-element.elementor-element-7397133{--container-widget-width:789px;--container-widget-flex-grow:0;width:var( --container-widget-width, 789px );max-width:789px;}.elementor-313 .elementor-element.elementor-element-9748886{--container-widget-width:939px;--container-widget-flex-grow:0;width:var( --container-widget-width, 939px );max-width:939px;}.elementor-313 .elementor-element.elementor-element-c12c19e{--container-widget-width:939px;--container-widget-flex-grow:0;width:var( --container-widget-width, 939px );max-width:939px;}.elementor-313 .elementor-element.elementor-element-c12c19e .elementor-heading-title{font-size:14px;}.elementor-313 .elementor-element.elementor-element-231cc6b{--container-widget-width:939px;--container-widget-flex-grow:0;width:var( --container-widget-width, 939px );max-width:939px;}.elementor-313 .elementor-element.elementor-element-40046af{--container-widget-width:939px;--container-widget-flex-grow:0;width:var( --container-widget-width, 939px );max-width:939px;}.elementor-313 .elementor-element.elementor-element-40046af .elementor-heading-title{font-size:14px;}.elementor-313 .elementor-element.elementor-element-80c2ab4{--container-widget-width:939px;--container-widget-flex-grow:0;width:var( --container-widget-width, 939px );max-width:939px;}.elementor-313 .elementor-element.elementor-element-d660abe{--container-widget-width:939px;--container-widget-flex-grow:0;width:var( --container-widget-width, 939px );max-width:939px;}.elementor-313 .elementor-element.elementor-element-d660abe .elementor-heading-title{font-size:14px;}.elementor-313 .elementor-element.elementor-element-c2ff3ac{--container-widget-width:939px;--container-widget-flex-grow:0;width:var( --container-widget-width, 939px );max-width:939px;}}@media(max-width:767px){.elementor-313 .elementor-element.elementor-element-7397133{--container-widget-width:686px;--container-widget-flex-grow:0;width:var( --container-widget-width, 686px );max-width:686px;}.elementor-313 .elementor-element.elementor-element-7397133 .elementor-heading-title{font-size:17px;}.elementor-313 .elementor-element.elementor-element-9748886{--container-widget-width:319px;--container-widget-flex-grow:0;width:var( --container-widget-width, 319px );max-width:319px;}.elementor-313 .elementor-element.elementor-element-c12c19e{--container-widget-width:329px;--container-widget-flex-grow:0;width:var( --container-widget-width, 329px );max-width:329px;}.elementor-313 .elementor-element.elementor-element-c12c19e .elementor-heading-title{font-size:14px;}.elementor-313 .elementor-element.elementor-element-231cc6b{--container-widget-width:329px;--container-widget-flex-grow:0;width:var( --container-widget-width, 329px );max-width:329px;}.elementor-313 .elementor-element.elementor-element-40046af{--container-widget-width:329px;--container-widget-flex-grow:0;width:var( --container-widget-width, 329px );max-width:329px;}.elementor-313 .elementor-element.elementor-element-40046af .elementor-heading-title{font-size:14px;}.elementor-313 .elementor-element.elementor-element-80c2ab4{--container-widget-width:329px;--container-widget-flex-grow:0;width:var( --container-widget-width, 329px );max-width:329px;}.elementor-313 .elementor-element.elementor-element-d660abe{--container-widget-width:329px;--container-widget-flex-grow:0;width:var( --container-widget-width, 329px );max-width:329px;}.elementor-313 .elementor-element.elementor-element-d660abe .elementor-heading-title{font-size:14px;}.elementor-313 .elementor-element.elementor-element-c2ff3ac{--container-widget-width:329px;--container-widget-flex-grow:0;width:var( --container-widget-width, 329px );max-width:329px;}}/* Start custom CSS for shortcode, class: .elementor-element-0dc02d4 *//* ========== Image Resizer - Modern UI ========== */

.ir-container {
  max-width: 560px;
  margin: 20px auto;
  border: 1px solid #e5e7eb;
  padding: 18px;
  border-radius: 12px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  background: #ffffff;
  box-shadow: 0 6px 18px rgba(17, 24, 39, 0.06);
}

/* Dropzone */
.ir-dropzone {
  border: 2px dashed #cbd5e1;
  padding: 28px 20px;
  text-align: center;
  cursor: pointer;
  border-radius: 10px;
  background: #f9fafb;
  transition: background 0.2s ease, border-color 0.2s ease;
}

.ir-dropzone:hover {
  background: #f3f4f6;
  border-color: #6366f1;
}

.ir-dropzone p {
  margin: 0;
  font-size: 14px;
  color: #374151;
}

.ir-dropzone input[type=file] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  height: 0;
  width: 0;
}

/* Controls */
.ir-controls {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 14px;
  flex-wrap: wrap;
}

.ir-controls input[type=number],
.ir-controls select {
  padding: 8px 10px;
  border-radius: 8px;
  border: 1px solid #d1d5db;
  font-size: 14px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.ir-controls input[type=number]:focus,
.ir-controls select:focus {
  outline: none;
  border-color: #6366f1;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15);
}

/* Buttons */
.ir-controls button {
  padding: 9px 14px;
  cursor: pointer;
  border: none;
  border-radius: 8px;
  background: #6366f1;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  transition: transform 0.08s ease, background 0.2s ease;
}

.ir-controls button:hover {
  background: #4f46e5;
  transform: translateY(-1px);
}

.ir-controls button:active {
  transform: translateY(0);
}

/* Progress */
.ir-progress {
  margin-top: 12px;
  font-size: 13px;
  color: #374151;
}

/* Result Section */
.ir-result {
  margin-top: 16px;
}

.ir-result img {
  max-width: 100%;
  height: auto;
  border: 1px solid #e5e7eb;
  padding: 8px;
  border-radius: 10px;
  background: #f9fafb;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
}

.ir-result a {
  display: inline-block;
  margin-top: 10px;
  padding: 9px 14px;
  background: #059669;
  color: #fff;
  border-radius: 8px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  transition: background 0.2s ease, transform 0.08s ease;
}

.ir-result a:hover {
  background: #047857;
  transform: translateY(-1px);
}

/* Responsive */
@media (max-width: 480px) {
  .ir-container {
    padding: 14px;
  }
  .ir-controls {
    flex-direction: column;
    align-items: stretch;
  }
  .ir-controls input,
  .ir-controls select,
  .ir-controls button {
    width: 100%;
  }
}/* End custom CSS */