.elementor-384 .elementor-element.elementor-element-c3f1a4c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-384 .elementor-element.elementor-element-c3f1a4c:not(.elementor-motion-effects-element-type-background), .elementor-384 .elementor-element.elementor-element-c3f1a4c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e912b17 );}.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-384 .elementor-element.elementor-element-e45e597{text-align:center;}.elementor-384 .elementor-element.elementor-element-e45e597 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-384 .elementor-element.elementor-element-3720890{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-384 .elementor-element.elementor-element-2c7c249{--display:flex;}.elementor-384 .elementor-element.elementor-element-cc17bda .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );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-384 .elementor-element.elementor-element-c2aa244{color:#000000;}.elementor-384 .elementor-element.elementor-element-3fd96d7 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:#000000;}.elementor-384 .elementor-element.elementor-element-f0b9849{color:#000000;}.elementor-384 .elementor-element.elementor-element-ca2a920 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:#000000;}.elementor-384 .elementor-element.elementor-element-3690d56{color:#000000;}.elementor-384 .elementor-element.elementor-element-5a29fe5 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:#000000;}.elementor-384 .elementor-element.elementor-element-e5f29c3{color:#000000;}.elementor-384 .elementor-element.elementor-element-3128ea7 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:#000000;}.elementor-384 .elementor-element.elementor-element-bb67e9f{color:#000000;}.elementor-384 .elementor-element.elementor-element-a3256ec .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:#000000;}.elementor-384 .elementor-element.elementor-element-3260de0{color:#000000;}.elementor-384 .elementor-element.elementor-element-7fbcbd2 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:#000000;}.elementor-384 .elementor-element.elementor-element-4cf2f3d{--display:flex;}.elementor-384 .elementor-element.elementor-element-eb0626e{color:#000000;}.elementor-384 .elementor-element.elementor-element-0193954{--display:flex;}.elementor-384 .elementor-element.elementor-element-5158e37{color:#000000;}.elementor-384 .elementor-element.elementor-element-01c8e6a{--display:flex;}.elementor-384 .elementor-element.elementor-element-f7e84b4{color:#000000;}.elementor-384 .elementor-element.elementor-element-00461cb{--display:flex;}.elementor-384 .elementor-element.elementor-element-8a5f029{color:#000000;}.elementor-384 .elementor-element.elementor-element-d7d525b{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:10px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:var( --e-global-color-secondary );--n-accordion-icon-size:15px;--n-accordion-icon-normal-color:var( --e-global-color-secondary );}:where( .elementor-384 .elementor-element.elementor-element-d7d525b > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{background-color:var( --e-global-color-e912b17 );}:where( .elementor-384 .elementor-element.elementor-element-d7d525b > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-384 .elementor-element.elementor-element-adef994{--display:flex;}.elementor-384 .elementor-element.elementor-element-c75b35e > .elementor-widget-container{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-2e5cbcf );border-radius:10px 10px 10px 10px;}.elementor-384 .elementor-element.elementor-element-49a5600{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-2e5cbcf );--border-color:var( --e-global-color-2e5cbcf );--border-radius:15px 15px 15px 15px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-384 .elementor-element.elementor-element-824a68b{text-align:center;}.elementor-384 .elementor-element.elementor-element-824a68b .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:#000000;}.elementor-384 .elementor-element.elementor-element-8e577a8{text-align:center;}.elementor-384 .elementor-element.elementor-element-8e577a8 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:600;color:#000000;}.elementor-384 .elementor-element.elementor-element-a59e395{--spacer-size:20px;}.elementor-384 .elementor-element.elementor-element-542deef{--alignment:center;--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;--e-share-buttons-primary-color:#000000;--e-share-buttons-secondary-color:var( --e-global-color-e912b17 );}.elementor-384 .elementor-element.elementor-element-542deef .elementor-share-btn__icon{--e-share-buttons-icon-size:2em;}.elementor-384 .elementor-element.elementor-element-542deef .elementor-share-btn:hover{--e-share-buttons-primary-color:var( --e-global-color-secondary );--e-share-buttons-secondary-color:var( --e-global-color-e912b17 );}.elementor-384 .elementor-element.elementor-element-f304de6{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:none;--border-style:none;--border-radius:15px 15px 15px 15px;}.elementor-384 .elementor-element.elementor-element-b53ba8b{text-align:center;}.elementor-384 .elementor-element.elementor-element-b53ba8b .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:#000000;}.elementor-384 .elementor-element.elementor-element-3c98fd5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-384 .elementor-element.elementor-element-99660b8 .elementor-button{background-color:#EFEFEF;font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );fill:#54595F;color:#54595F;border-radius:100px 100px 100px 100px;}.elementor-384 .elementor-element.elementor-element-99660b8 .elementor-button:hover, .elementor-384 .elementor-element.elementor-element-99660b8 .elementor-button:focus{background-color:#000000;color:#FFFFFF;}.elementor-384 .elementor-element.elementor-element-99660b8 .elementor-button-content-wrapper{flex-direction:row;}.elementor-384 .elementor-element.elementor-element-99660b8 .elementor-button .elementor-button-content-wrapper{gap:19px;}.elementor-384 .elementor-element.elementor-element-99660b8 .elementor-button:hover svg, .elementor-384 .elementor-element.elementor-element-99660b8 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-384 .elementor-element.elementor-element-b0b15b6 .elementor-button{background-color:#EFEFEF;font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );fill:#54595F;color:#54595F;border-radius:100px 100px 100px 100px;}.elementor-384 .elementor-element.elementor-element-b0b15b6 .elementor-button:hover, .elementor-384 .elementor-element.elementor-element-b0b15b6 .elementor-button:focus{background-color:#000000;color:#FFFFFF;}.elementor-384 .elementor-element.elementor-element-b0b15b6 .elementor-button-content-wrapper{flex-direction:row;}.elementor-384 .elementor-element.elementor-element-b0b15b6 .elementor-button .elementor-button-content-wrapper{gap:19px;}.elementor-384 .elementor-element.elementor-element-b0b15b6 .elementor-button:hover svg, .elementor-384 .elementor-element.elementor-element-b0b15b6 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-384 .elementor-element.elementor-element-8f9eb08{--spacer-size:20px;}@media(min-width:768px){.elementor-384 .elementor-element.elementor-element-2c7c249{--width:80%;}.elementor-384 .elementor-element.elementor-element-adef994{--width:70%;}}@media(max-width:1024px) and (min-width:768px){.elementor-384 .elementor-element.elementor-element-2c7c249{--width:100%;}}@media(max-width:1024px){.elementor-384 .elementor-element.elementor-element-3720890{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-384 .elementor-element.elementor-element-2c7c249{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-384 .elementor-element.elementor-element-cc17bda{text-align:left;}.elementor-384 .elementor-element.elementor-element-3fd96d7{text-align:left;}.elementor-384 .elementor-element.elementor-element-ca2a920{text-align:left;}.elementor-384 .elementor-element.elementor-element-5a29fe5{text-align:left;}.elementor-384 .elementor-element.elementor-element-3128ea7{text-align:left;}.elementor-384 .elementor-element.elementor-element-a3256ec{text-align:left;}.elementor-384 .elementor-element.elementor-element-7fbcbd2{text-align:left;}.elementor-384 .elementor-element.elementor-element-49a5600{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;} .elementor-384 .elementor-element.elementor-element-542deef{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-384 .elementor-element.elementor-element-f304de6{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}}@media(max-width:767px){ .elementor-384 .elementor-element.elementor-element-542deef{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-384 .elementor-element.elementor-element-542deef .elementor-share-btn__icon{--e-share-buttons-icon-size:1.7em;}}/* Start custom CSS for html, class: .elementor-element-c75b35e */:root {
  --font: 'Montserrat', sans-serif;
  --btn-bg: #efefef;
  --btn-color: #000;
  --btn-hover-bg: #000;
  --btn-hover-color: #efefef;
  --drop-border: #ccc;
  --drop-hover-bg: #f9f9f9;
  --accent: #433d8b;
  --radius: 999px;
  --transition: .2s ease-in-out;
}

.converter-container {
  margin: 2rem auto;
  padding: 1.5rem;
  background: #fff;
  border-radius: 10px;
  font-family: var(--font);
  text-align: center;
}

.converter-title {
  margin-bottom: .25rem;
  font-size: 1.75rem;
}

.converter-desc {
  color: #666;
  margin-bottom: 1.25rem;
}

/* Drop area */
.drop-area {
  position: relative;
  border: 1px dashed var(--drop-border);
  border-radius: 8px;
  padding: 2rem;
  cursor: pointer;
  transition: background var(--transition), border-color var(--transition);
}
.drop-area.drag-over {
  background: var(--drop-hover-bg);
  border-color: var(--btn-hover-bg);
}

/* Buttons */
.btn {
  background: black;
  color: white;
  border: none;
  padding: .75rem 1.25rem;
  margin: .5rem .25rem;
  border-radius: var(--radius);
  font-size: 1rem;
  cursor: pointer;
  transition: background var(--transition), color var(--transition), transform .1s;
}
.btn:hover {
  background: black;
  color: white;
}
.btn:active {
  transform: scale(.97);
  color: white;
  background: black;
}

/* Format selection highlight */
.format-btn.selected {
  box-shadow: inset 0 0 0 2px var(--accent);
}

/* Visibility */
.hidden { display: none; }

/* Previews */
#previews {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  margin-bottom: 1rem;
}
.preview-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 1rem;
  border: 1px dashed var(--drop-border);
  border-radius: 5px;
}
.preview-image {
  width: 80px;
  height: auto;
  border-radius: 5px;
  box-shadow: 0 1px 4px rgba(0,0,0,.1);
}
.preview-info {
  flex: 1;
  text-align: left;
}
.preview-name {
  font-size: .9rem;
  color: #333;
  margin-bottom: .25rem;
}
.preview-download {
  font-size: .9rem;
}

.pd {
    padding-top: 5px;
}/* End custom CSS */