.elementor-4693 .elementor-element.elementor-element-07b893c{margin-top:10px;margin-bottom:10px;}.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-4693 .elementor-element.elementor-element-108870a{text-align:center;}.elementor-4693 .elementor-element.elementor-element-108870a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;color:#000000;}.elementor-4693 .elementor-element.elementor-element-b088275{text-align:center;}.elementor-4693 .elementor-element.elementor-element-b088275 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:#7A7A7A;}.elementor-4693 .elementor-element.elementor-element-feb2868{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{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-4693 .elementor-element.elementor-element-b5bac51 .elementor-icon-box-wrapper{gap:15px;}.elementor-4693 .elementor-element.elementor-element-b5bac51.elementor-view-stacked .elementor-icon{background-color:#2C60A3;}.elementor-4693 .elementor-element.elementor-element-b5bac51.elementor-view-framed .elementor-icon, .elementor-4693 .elementor-element.elementor-element-b5bac51.elementor-view-default .elementor-icon{fill:#2C60A3;color:#2C60A3;border-color:#2C60A3;}.elementor-4693 .elementor-element.elementor-element-b5bac51 .elementor-icon-box-title{color:#000000;}.elementor-4693 .elementor-element.elementor-element-b5bac51:has(:hover) .elementor-icon-box-title,
					 .elementor-4693 .elementor-element.elementor-element-b5bac51:has(:focus) .elementor-icon-box-title{color:#000000;}.elementor-4693 .elementor-element.elementor-element-a0f0395 .elementor-icon-box-wrapper{gap:15px;}.elementor-4693 .elementor-element.elementor-element-a0f0395.elementor-view-stacked .elementor-icon{background-color:#2C60A3;}.elementor-4693 .elementor-element.elementor-element-a0f0395.elementor-view-framed .elementor-icon, .elementor-4693 .elementor-element.elementor-element-a0f0395.elementor-view-default .elementor-icon{fill:#2C60A3;color:#2C60A3;border-color:#2C60A3;}.elementor-4693 .elementor-element.elementor-element-a0f0395 .elementor-icon-box-title{color:#000000;}.elementor-4693 .elementor-element.elementor-element-a0f0395:has(:hover) .elementor-icon-box-title,
					 .elementor-4693 .elementor-element.elementor-element-a0f0395:has(:focus) .elementor-icon-box-title{color:#000000;}.elementor-4693 .elementor-element.elementor-element-7d5e615 .elementor-icon-box-wrapper{gap:15px;}.elementor-4693 .elementor-element.elementor-element-7d5e615.elementor-view-stacked .elementor-icon{background-color:#2C60A3;}.elementor-4693 .elementor-element.elementor-element-7d5e615.elementor-view-framed .elementor-icon, .elementor-4693 .elementor-element.elementor-element-7d5e615.elementor-view-default .elementor-icon{fill:#2C60A3;color:#2C60A3;border-color:#2C60A3;}.elementor-4693 .elementor-element.elementor-element-7d5e615 .elementor-icon-box-title{color:#000000;}.elementor-4693 .elementor-element.elementor-element-7d5e615:has(:hover) .elementor-icon-box-title,
					 .elementor-4693 .elementor-element.elementor-element-7d5e615:has(:focus) .elementor-icon-box-title{color:#000000;}.elementor-4693 .elementor-element.elementor-element-cc358a8{margin-top:19px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-4693 .elementor-element.elementor-element-e7bc5ea .elementor-icon-box-wrapper{gap:15px;}.elementor-4693 .elementor-element.elementor-element-e7bc5ea.elementor-view-stacked .elementor-icon{background-color:#2C60A3;}.elementor-4693 .elementor-element.elementor-element-e7bc5ea.elementor-view-framed .elementor-icon, .elementor-4693 .elementor-element.elementor-element-e7bc5ea.elementor-view-default .elementor-icon{fill:#2C60A3;color:#2C60A3;border-color:#2C60A3;}.elementor-4693 .elementor-element.elementor-element-e7bc5ea .elementor-icon-box-title{color:#000000;}.elementor-4693 .elementor-element.elementor-element-e7bc5ea:has(:hover) .elementor-icon-box-title,
					 .elementor-4693 .elementor-element.elementor-element-e7bc5ea:has(:focus) .elementor-icon-box-title{color:#000000;}.elementor-4693 .elementor-element.elementor-element-6abbbea .elementor-icon-box-wrapper{gap:15px;}.elementor-4693 .elementor-element.elementor-element-6abbbea.elementor-view-stacked .elementor-icon{background-color:#2C60A3;}.elementor-4693 .elementor-element.elementor-element-6abbbea.elementor-view-framed .elementor-icon, .elementor-4693 .elementor-element.elementor-element-6abbbea.elementor-view-default .elementor-icon{fill:#2C60A3;color:#2C60A3;border-color:#2C60A3;}.elementor-4693 .elementor-element.elementor-element-6abbbea .elementor-icon-box-title{color:#000000;}.elementor-4693 .elementor-element.elementor-element-6abbbea:has(:hover) .elementor-icon-box-title,
					 .elementor-4693 .elementor-element.elementor-element-6abbbea:has(:focus) .elementor-icon-box-title{color:#000000;}.elementor-4693 .elementor-element.elementor-element-265a874 .elementor-icon-box-wrapper{gap:15px;}.elementor-4693 .elementor-element.elementor-element-265a874.elementor-view-stacked .elementor-icon{background-color:#2C60A3;}.elementor-4693 .elementor-element.elementor-element-265a874.elementor-view-framed .elementor-icon, .elementor-4693 .elementor-element.elementor-element-265a874.elementor-view-default .elementor-icon{fill:#2C60A3;color:#2C60A3;border-color:#2C60A3;}.elementor-4693 .elementor-element.elementor-element-265a874 .elementor-icon-box-title{color:#000000;}.elementor-4693 .elementor-element.elementor-element-265a874:has(:hover) .elementor-icon-box-title,
					 .elementor-4693 .elementor-element.elementor-element-265a874:has(:focus) .elementor-icon-box-title{color:#000000;}.elementor-4693 .elementor-element.elementor-element-d72567e{margin-top:50px;margin-bottom:0px;}.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-4693 .elementor-element.elementor-element-ef97ffd{text-align:start;font-family:"Poppins", Sans-serif;font-weight:400;color:var( --e-global-color-astglobalcolor3 );}.elementor-4693 .elementor-element.elementor-element-7d66380{text-align:center;}.elementor-4693 .elementor-element.elementor-element-7d66380 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;color:#000000;}.elementor-4693 .elementor-element.elementor-element-909c627 .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{text-decoration:none;}@media(max-width:1024px){.elementor-4693 .elementor-element.elementor-element-b088275 .elementor-heading-title{font-size:13px;}.elementor-4693 .elementor-element.elementor-element-feb2868{width:var( --container-widget-width, 920px );max-width:920px;--container-widget-width:920px;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-4693 .elementor-element.elementor-element-feb2868 > .elementor-widget-container{padding:0px 32px 0px 0px;}.elementor-4693 .elementor-element.elementor-element-feb2868{--container-widget-width:379px;--container-widget-flex-grow:0;width:var( --container-widget-width, 379px );max-width:379px;}}/* Start custom CSS for html, class: .elementor-element-feb2868 */.upload-card {
  width: 650px;
  margin: 0px auto 20px;
  padding: 25px;
  background: linear-gradient(135deg, #3b6ea8, #000);
  border-radius: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* FILE INPUT */
.file-input input {
  background: white;
  padding: 6px;
  border-radius: 4px;
}

/* BUTTON */
.download-btn {
  padding: 12px 30px;
  border-radius: 8px;
  border: 1px solid #fff;
  background: transparent;
  color: white;
  font-weight: bold;
  cursor: pointer;
}

.download-btn:hover {
  background: white;
  color: black;
}

/* NAV */
.nav {
  text-align: center;
  margin-bottom: 10px;
}

/* CANVAS */
.canvas-wrapper {
  display: flex;
  justify-content: center;
}

#container {
  position: relative;
}

/* Hide before upload */
canvas {
  display: none;
}

/* CROP BOX (hidden initially) */
.crop-box {
  position: absolute;
  border: 2px solid #00ffcc;
  background: rgba(0,255,200,0.15);
  display: none; /* 🔥 FIX */
}

/* HANDLES */
.handle {
  width: 10px;
  height: 10px;
  background: #00ffcc;
  border-radius: 50%;
  position: absolute;
}

/* corners */
.tl { top: -5px; left: -5px; cursor: nwse-resize; }
.tr { top: -5px; right: -5px; cursor: nesw-resize; }
.bl { bottom: -5px; left: -5px; cursor: nesw-resize; }
.br { bottom: -5px; right: -5px; cursor: nwse-resize; }

/* middle */
.tm { top: -5px; left: 50%; transform: translateX(-50%); cursor: ns-resize; }
.bm { bottom: -5px; left: 50%; transform: translateX(-50%); cursor: ns-resize; }
.lm { left: -5px; top: 50%; transform: translateY(-50%); cursor: ew-resize; }
.rm { right: -5px; top: 50%; transform: translateY(-50%); cursor: ew-resize; }/* End custom CSS */