.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-124 .elementor-element.elementor-element-fdbd79c{text-align:center;}.elementor-124 .elementor-element.elementor-element-fdbd79c .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:600;color:#333333;}.elementor-124 .elementor-element.elementor-element-54ae156{text-align:center;}.elementor-124 .elementor-element.elementor-element-54ae156 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;color:#9AA5AA;}.elementor-124 .elementor-element.elementor-element-dff4659:not(.elementor-motion-effects-element-type-background), .elementor-124 .elementor-element.elementor-element-dff4659 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#11A57C42;}.elementor-124 .elementor-element.elementor-element-dff4659{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:20px 0px 20px 0px;}.elementor-124 .elementor-element.elementor-element-dff4659 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-124 .elementor-element.elementor-element-be6f43c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(14px/2);}.elementor-124 .elementor-element.elementor-element-be6f43c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(14px/2);}.elementor-124 .elementor-element.elementor-element-be6f43c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(14px/2);}.elementor-124 .elementor-element.elementor-element-be6f43c .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-14px/2);}.elementor-124 .elementor-element.elementor-element-be6f43c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-14px/2);}.elementor-124 .elementor-element.elementor-element-be6f43c .elementor-icon-list-icon i{color:#4EC457;transition:color 0.3s;}.elementor-124 .elementor-element.elementor-element-be6f43c .elementor-icon-list-icon svg{fill:#4EC457;transition:fill 0.3s;}.elementor-124 .elementor-element.elementor-element-be6f43c{--e-icon-list-icon-size:24px;--icon-vertical-offset:0px;}.elementor-124 .elementor-element.elementor-element-be6f43c .elementor-icon-list-icon{padding-inline-end:5px;}.elementor-124 .elementor-element.elementor-element-be6f43c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-124 .elementor-element.elementor-element-be6f43c .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:500;}.elementor-124 .elementor-element.elementor-element-be6f43c .elementor-icon-list-text{color:#0D0E10;transition:color 0.3s;}.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-124 .elementor-element.elementor-element-ae2625d{width:var( --container-widget-width, 104.52% );max-width:104.52%;--container-widget-width:104.52%;--container-widget-flex-grow:0;color:#2F2E2E;}.elementor-124 .elementor-element.elementor-element-3595cf0{margin-top:2%;margin-bottom:2%;}.elementor-124 .elementor-element.elementor-element-785e1ac{text-align:center;}.elementor-124 .elementor-element.elementor-element-785e1ac .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:600;color:#333333;}.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-124 .elementor-element.elementor-element-4923f5e{width:var( --container-widget-width, 100.727% );max-width:100.727%;--container-widget-width:100.727%;--container-widget-flex-grow:0;}.elementor-124 .elementor-element.elementor-element-4923f5e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:13px 13px 13px 13px;border-style:solid;border-width:1px 1px 1px 1px;border-radius:10px 10px 10px 10px;}.elementor-124 .elementor-element.elementor-element-4923f5e .elementor-icon-box-wrapper{gap:15px;}.elementor-124 .elementor-element.elementor-element-4923f5e.elementor-view-stacked .elementor-icon{background-color:#19282B;}.elementor-124 .elementor-element.elementor-element-4923f5e.elementor-view-framed .elementor-icon, .elementor-124 .elementor-element.elementor-element-4923f5e.elementor-view-default .elementor-icon{fill:#19282B;color:#19282B;border-color:#19282B;}.elementor-124 .elementor-element.elementor-element-4923f5e .elementor-icon{font-size:37px;}.elementor-124 .elementor-element.elementor-element-4923f5e .elementor-icon i{transform:rotate(0deg);}.elementor-124 .elementor-element.elementor-element-4923f5e .elementor-icon-box-title, .elementor-124 .elementor-element.elementor-element-4923f5e .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:19px;font-weight:500;}.elementor-124 .elementor-element.elementor-element-4923f5e .elementor-icon-box-title{color:#000000;}.elementor-124 .elementor-element.elementor-element-4923f5e:has(:hover) .elementor-icon-box-title,
					 .elementor-124 .elementor-element.elementor-element-4923f5e:has(:focus) .elementor-icon-box-title{color:#000000;}.elementor-124 .elementor-element.elementor-element-4923f5e .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;}.elementor-124 .elementor-element.elementor-element-5d6becf{width:var( --container-widget-width, 100.727% );max-width:100.727%;--container-widget-width:100.727%;--container-widget-flex-grow:0;}.elementor-124 .elementor-element.elementor-element-5d6becf > .elementor-widget-container{margin:0px 0px 0px 0px;padding:13px 13px 13px 13px;border-style:solid;border-width:1px 1px 1px 1px;border-radius:10px 10px 10px 10px;}.elementor-124 .elementor-element.elementor-element-5d6becf .elementor-icon-box-wrapper{gap:15px;}.elementor-124 .elementor-element.elementor-element-5d6becf.elementor-view-stacked .elementor-icon{background-color:#19282B;}.elementor-124 .elementor-element.elementor-element-5d6becf.elementor-view-framed .elementor-icon, .elementor-124 .elementor-element.elementor-element-5d6becf.elementor-view-default .elementor-icon{fill:#19282B;color:#19282B;border-color:#19282B;}.elementor-124 .elementor-element.elementor-element-5d6becf .elementor-icon{font-size:37px;}.elementor-124 .elementor-element.elementor-element-5d6becf .elementor-icon i{transform:rotate(0deg);}.elementor-124 .elementor-element.elementor-element-5d6becf .elementor-icon-box-title, .elementor-124 .elementor-element.elementor-element-5d6becf .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:19px;font-weight:500;}.elementor-124 .elementor-element.elementor-element-5d6becf .elementor-icon-box-title{color:#000000;}.elementor-124 .elementor-element.elementor-element-5d6becf:has(:hover) .elementor-icon-box-title,
					 .elementor-124 .elementor-element.elementor-element-5d6becf:has(:focus) .elementor-icon-box-title{color:#000000;}.elementor-124 .elementor-element.elementor-element-5d6becf .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;}.elementor-124 .elementor-element.elementor-element-cdfa32b{width:var( --container-widget-width, 100.727% );max-width:100.727%;--container-widget-width:100.727%;--container-widget-flex-grow:0;}.elementor-124 .elementor-element.elementor-element-cdfa32b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:11px 11px 11px 11px;border-style:solid;border-width:1px 1px 1px 1px;border-radius:10px 10px 10px 10px;}.elementor-124 .elementor-element.elementor-element-cdfa32b .elementor-icon-box-wrapper{gap:15px;}.elementor-124 .elementor-element.elementor-element-cdfa32b.elementor-view-stacked .elementor-icon{background-color:#19282B;}.elementor-124 .elementor-element.elementor-element-cdfa32b.elementor-view-framed .elementor-icon, .elementor-124 .elementor-element.elementor-element-cdfa32b.elementor-view-default .elementor-icon{fill:#19282B;color:#19282B;border-color:#19282B;}.elementor-124 .elementor-element.elementor-element-cdfa32b .elementor-icon{font-size:37px;}.elementor-124 .elementor-element.elementor-element-cdfa32b .elementor-icon i{transform:rotate(0deg);}.elementor-124 .elementor-element.elementor-element-cdfa32b .elementor-icon-box-title, .elementor-124 .elementor-element.elementor-element-cdfa32b .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:19px;font-weight:500;}.elementor-124 .elementor-element.elementor-element-cdfa32b .elementor-icon-box-title{color:#000000;}.elementor-124 .elementor-element.elementor-element-cdfa32b:has(:hover) .elementor-icon-box-title,
					 .elementor-124 .elementor-element.elementor-element-cdfa32b:has(:focus) .elementor-icon-box-title{color:#000000;}.elementor-124 .elementor-element.elementor-element-cdfa32b .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;}.elementor-124 .elementor-element.elementor-element-62dc0e5:not(.elementor-motion-effects-element-type-background), .elementor-124 .elementor-element.elementor-element-62dc0e5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#11A57C42;}.elementor-124 .elementor-element.elementor-element-62dc0e5{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:20px 0px 20px 0px;}.elementor-124 .elementor-element.elementor-element-62dc0e5 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-124 .elementor-element.elementor-element-ff5ca2b{text-align:center;}.elementor-124 .elementor-element.elementor-element-ff5ca2b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:600;color:#333333;}.elementor-124 .elementor-element.elementor-element-e29a0ba{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Roboto", Sans-serif;font-weight:400;color:#2F2E2E;}.elementor-124 .elementor-element.elementor-element-e29a0ba > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-124 .elementor-element.elementor-element-16ffee1:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-124 .elementor-element.elementor-element-16ffee1 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-124 .elementor-element.elementor-element-16ffee1 > .elementor-element-populated{border-style:none;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0% 0% 0% 0%;--e-column-margin-right:0%;--e-column-margin-left:0%;padding:19px 19px 19px 19px;}.elementor-124 .elementor-element.elementor-element-16ffee1 > .elementor-element-populated, .elementor-124 .elementor-element.elementor-element-16ffee1 > .elementor-element-populated > .elementor-background-overlay, .elementor-124 .elementor-element.elementor-element-16ffee1 > .elementor-background-slideshow{border-radius:11px 11px 11px 11px;}.elementor-124 .elementor-element.elementor-element-16ffee1:hover > .elementor-element-populated{border-style:none;}.elementor-124 .elementor-element.elementor-element-16ffee1 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-124 .elementor-element.elementor-element-4af0b92{text-align:center;}.elementor-124 .elementor-element.elementor-element-4af0b92 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:600;color:#333333;}@media(max-width:1024px){.elementor-124 .elementor-element.elementor-element-67d9b66 > .elementor-container{max-width:921px;}.elementor-124 .elementor-element.elementor-element-4923f5e{width:var( --container-widget-width, 348px );max-width:348px;--container-widget-width:348px;--container-widget-flex-grow:0;}.elementor-124 .elementor-element.elementor-element-4923f5e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:2px 15px 2px 24px;}.elementor-124 .elementor-element.elementor-element-5d6becf{width:var( --container-widget-width, 339.986px );max-width:339.986px;--container-widget-width:339.986px;--container-widget-flex-grow:0;}.elementor-124 .elementor-element.elementor-element-5d6becf > .elementor-widget-container{margin:0px 0px 0px 0px;padding:2px 15px 2px 24px;}.elementor-124 .elementor-element.elementor-element-cdfa32b{width:var( --container-widget-width, 348px );max-width:348px;--container-widget-width:348px;--container-widget-flex-grow:0;}.elementor-124 .elementor-element.elementor-element-cdfa32b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:2px 15px 2px 24px;}.elementor-124 .elementor-element.elementor-element-e29a0ba{width:var( --container-widget-width, 504.351px );max-width:504.351px;--container-widget-width:504.351px;--container-widget-flex-grow:0;}.elementor-124 .elementor-element.elementor-element-16ffee1 > .elementor-element-populated{margin:0% 0% 0% 6%;--e-column-margin-right:0%;--e-column-margin-left:6%;}}@media(max-width:767px){.elementor-124 .elementor-element.elementor-element-785e1ac .elementor-heading-title{font-size:20px;}.elementor-124 .elementor-element.elementor-element-4923f5e{--container-widget-width:400px;--container-widget-flex-grow:0;width:var( --container-widget-width, 400px );max-width:400px;}.elementor-124 .elementor-element.elementor-element-5d6becf{--container-widget-width:400px;--container-widget-flex-grow:0;width:var( --container-widget-width, 400px );max-width:400px;}.elementor-124 .elementor-element.elementor-element-cdfa32b{--container-widget-width:400px;--container-widget-flex-grow:0;width:var( --container-widget-width, 400px );max-width:400px;}.elementor-124 .elementor-element.elementor-element-ff5ca2b .elementor-heading-title{font-size:20px;}.elementor-124 .elementor-element.elementor-element-16ffee1 > .elementor-element-populated{margin:0% 0% 0% 0%;--e-column-margin-right:0%;--e-column-margin-left:0%;}.elementor-124 .elementor-element.elementor-element-4af0b92 .elementor-heading-title{font-size:20px;}}@media(min-width:768px){.elementor-124 .elementor-element.elementor-element-ca24904{width:67.445%;}.elementor-124 .elementor-element.elementor-element-16ffee1{width:32.467%;}}@media(max-width:1024px) and (min-width:768px){.elementor-124 .elementor-element.elementor-element-ca24904{width:80%;}}/* Start custom CSS for html, class: .elementor-element-84bee85 */.container {
  max-width: 900px;
  margin: auto;
  padding: 15px;
  text-align: center;
}

.select-area {
  padding: 30px;
  border-radius: 10px;
  background-color: #fff;
  cursor: pointer;
  border: 2px dashed #ccc;
}

.file-button {
  background: #00bb88;
  color: white;
  padding: 12px 24px;
  border: none;
  border-radius: 5px;
  font-size: 16px;
}

.file-button:hover{
      background: #00bb88;
}

.output {
  margin-top: 20px;
  position: relative;
  display: inline-block;
  max-width: 100%;
}

#cropImage {
  max-width: 100%;
  height: auto;
  display: block;
}

.crop-selection {
  position: absolute;
  width: 140px;
  height: 140px;
  top: 30px;
  left: 30px;
  border: 2px dashed #00bb88;
  background: rgba(0, 187, 136, 0.25);
  cursor: move;
  touch-action: none;
}

.instruction {
  display: none;
  margin-top: 15px;
  font-size: 15px;
  font-weight: 600;
  color: #333;
}

.action-btn, select {
  background: #00bb88;
  color: #fff;
  padding: 8px 16px;
  border: none;
  border-radius: 5px;
  margin: 5px;
  font-size: 14px;
}

select {
  background: #fff;
  color: #333;
  border: 1px solid #00bb88;
}

canvas {
  border: 1px solid #ccc;
  margin-top: 15px;
  max-width: 100%;
}/* End custom CSS */