.elementor-38190 .elementor-element.elementor-element-3ca4f48{--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-38190 .elementor-element.elementor-element-35122a95{--display:flex;}.elementor-38190 .elementor-element.elementor-element-654e1664 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-38190 .elementor-element.elementor-element-654e1664 > .jet-listing-grid > .jet-listing-grid__items{--columns:1;}.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 );}.elementor-38190 .elementor-element.elementor-element-1e685474{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-38190 .elementor-element.elementor-element-51823671{--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;--padding-top:80px;--padding-bottom:40vh;--padding-left:0;--padding-right:0;}.elementor-38190 .elementor-element.elementor-element-4b277cbc{--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;--align-items:center;--z-index:5;}.elementor-38190 .elementor-element.elementor-element-4b277cbc.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-38190 .elementor-element.elementor-element-15973549{width:var( --container-widget-width, 600px );max-width:600px;--container-widget-width:600px;--container-widget-flex-grow:0;}.elementor-38190 .elementor-element.elementor-element-15973549 > .elementor-widget-container{margin:0 0 0 0;}.elementor-38190 .elementor-element.elementor-element-15973549 .jet-form-builder-row{margin-top:0px;margin-bottom:20px;}.elementor-38190 .elementor-element.elementor-element-15973549 .jet-form-builder__label{margin:0px 0px 10px 0px;text-align:left;font-family:"Open Sans", Sans-serif;font-size:17px;font-weight:600;color:#FFFFFF;}.elementor-38190 .elementor-element.elementor-element-15973549 .jet-form-builder__desc{text-align:left;}.elementor-38190 .elementor-element.elementor-element-15973549 .jet-form-builder__fields-group{gap:0.7em 0.7em;}.elementor-38190 .elementor-element.elementor-element-15973549 .jet-form-builder__field-wrap.checkradio-wrap span{gap:8px;}.elementor-38190 .elementor-element.elementor-element-15973549 .jet-form-builder__field:not(.checkradio-field):not(.range-field):not(.jet-form-builder-repeater):not(.wysiwyg-field):not([role="switch"]){font-family:"Open Sans", Sans-serif;font-size:20px;color:#FFFFFF;padding:10px 13px 10px 13px;border-style:none;border-radius:6px 6px 6px 6px;}.elementor-38190 .elementor-element.elementor-element-15973549 .jet-form-builder input{color-scheme:normal;}.elementor-38190 .elementor-element.elementor-element-15973549 .jet-form-builder-repeater__row-remove{align-self:flex-start;}.elementor-38190 .elementor-element.elementor-element-15973549 .jet-form-builder__action-button{transition:all 0.3s;}.elementor-38190 .elementor-element.elementor-element-15973549 .jet-form-builder__next-page-wrap{text-align:left;}.elementor-38190 .elementor-element.elementor-element-15973549 .jet-form-builder-message--success{text-align:center;}.elementor-38190 .elementor-element.elementor-element-15973549 .jet-form-builder-message--error{text-align:center;}body:not(.rtl) .elementor-38190 .elementor-element.elementor-element-40fae6b7{right:0px;}body.rtl .elementor-38190 .elementor-element.elementor-element-40fae6b7{left:0px;}.elementor-38190 .elementor-element.elementor-element-40fae6b7{top:0px;}.elementor-38190 .elementor-element.elementor-element-7a66ef1a{--display:flex;--min-height:100vh;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-38190 .elementor-element.elementor-element-58f98f83{--display:flex;--min-height:100vh;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-38190 .elementor-element.elementor-element-78e0c07c{--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;}@media(max-width:767px){.elementor-38190 .elementor-element.elementor-element-51823671{--width:100vw;}.elementor-38190 .elementor-element.elementor-element-15973549{width:var( --container-widget-width, 100vw );max-width:100vw;--container-widget-width:100vw;--container-widget-flex-grow:0;}.elementor-38190 .elementor-element.elementor-element-15973549 > .elementor-widget-container{margin:1rem 0 40vh 0;padding:0px 0px 0px 0px;}.elementor-38190 .elementor-element.elementor-element-7a66ef1a{--width:100vw;}}@media(min-width:768px){.elementor-38190 .elementor-element.elementor-element-3ca4f48{--width:100%;}.elementor-38190 .elementor-element.elementor-element-51823671{--width:100vw;}.elementor-38190 .elementor-element.elementor-element-4b277cbc{--width:100vw;}.elementor-38190 .elementor-element.elementor-element-7a66ef1a{--width:100vw;}}/* Start custom CSS for container, class: .elementor-element-7a66ef1a */:root {
   --cropBack:#17171e;
   --cropLoadArea:#000000;
   --cropSubmit:#352046;
   --cropSubmitH:#583280;
   --cropControlBut:#262644;
   --cropControlH:#3c3c85;
   --cropCloseBut:#000000;
   --cropCloseH:#000000;
   --safeAreaEnds:3%;
   --safeAreaSides:8%;
}
/* file upload  */
.jet-form-builder-file-upload{

}
.jet-form-builder-file-upload__file img {
  object-fit: contain !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  display: block;
  margin: 0 auto;
}
.jet-form-builder-file-upload__file {
  width: 160px !important;
  height: 200px !important;
}
.jet-form-builder-file-upload__file-remove {
  top: 0% !important;
}
.jet-form-builder-file-upload input[type="file"],
.jet-form-builder-file-upload__message {
  display: none !important;
}


/* Main Container */
.cropperModal{
     background-color: var(--cropBack);
     position: fixed;
     z-index: 9999;
     margin-top: 100vh;
}
.crp_main-container {
    background-color: var(--cropBack);
    display: flex;
    width: 100vw;
    max-width: 2440px;
    height: 90vh;
    max-height: 100vh;
    padding:4%;
    color: #fff;
    font-family: "Open Sans", sans-serif;
}
.crp_left-wrap {
  display: flex;
  flex-direction: column;
  align-items: stretch; 
  width: 100%;
}
.crp_left-section {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-bottom: 20px;
display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    margin-right: 20px;
    background-color: var(--cropLoadArea);
    min-height: 75vh;
     border: 1px solid #434363; 
  box-sizing: border-box; 
  overflow: hidden;
}
.cropper-face{
    position: relative;
    opacity: 1!important;
    background: transparent;
    background-color: transparent;
}
.cropper-face::after {
  content: "";
  position: absolute;
  top: var(--safeAreaEnds);
  left:  var(--safeAreaSides);
  right: var(--safeAreaSides);
  bottom:  var(--safeAreaEnds);
  border: dashed 1px cyan; 
  pointer-events: none; 
   z-index: 999999 !important; 
  box-sizing: border-box;
   opacity: .5 !important; 
}
.crp_slider_section{
    display: flex;
    flex-direction: row;
    gap:40px;
    width: 100%;
    margin-top: 10px;
    height: 30px;
    justify-content: space-between;
}

.crp_reset_box{

    display: flex;
    flex-direction: row;
    gap:35px;
    align-content: right;
    height: 30px;
    padding-top: 4px;
}

.crp_slider-block{
    width: 44%;
     display: flex;
  align-items: center;
  gap: 20px; /* spacing between label and slider */
  margin-bottom: 1.5rem;
}

.crp_slider{
    width: 100%;
}
.crp_slider-label{
    font-family: "open sans", Sans-Serif;
    font-size: 14px;
    line-height: 12px;
    margin-top: 0px;
    margin-right: 0px;
    font-weight: 600;
}

.cropper-bg {
    background-color: #282828;
    background-image: 
        linear-gradient(90deg, rgba(255, 255, 255, 0.1) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255, 255, 255, 0.1) 1px, transparent 1px);
    background-size: 15px 15px;
    border-radius: 20px;
}


.crp_upload-area {
    width: 80%;
    max-width: 400px;
    height: 30%;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px dashed var(--cropControlBut);
    cursor: pointer;
    background-color: var(--cropLoadArea);
}


/* Right Section */
.crp_right-section {
    flex: 0 1 15%;
    min-width: 350px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
    padding-left: 30px;
    background-color: var(--cropBack);
}

.crp_info {
    text-align: center;
    margin-top: 20px;
}

.crp_uploaded-size,
.crp_download-size {
    margin-bottom: 20px;
}

.crp_heading {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
}

#uploadedSize,
#downloadSize {
    font-weight: 600;
    font-size: 24px;
    margin: 5px 0;
}


.crp_warning-message {
    text-transform: uppercase;
    font-size: 20px;
    line-height: 20px;
    height: 20px;
    color: white;
    margin-top:0;
    font-weight: 700;
}

.crp_controls {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-top: 10px;
}

.crp_control-button {
  display: flex;
  align-items: start;
  justify-content: center;
  height: 60px;
  width: 60px;
  padding: 0;
  margin: 0;
  border: none !important;
  background: none!important;
  background-color: none!important;
}
.crp_control-button:focus,
.crp_control-button:active,
.crp_control-button:visited {
  background-color: none;
  border: none;
  outline: none;
  box-shadow: none;
  text-decoration: none;
}
.crp_control-button svg {
    width: 30px;
    height: auto;
    fill: white;
    opacity: .75;
}
.crp_control-button:hover svg {
    opacity: 1;
}
.crp_control-button:hover {
    background-color:none!important;
}
.crp_close-button {
  display: flex;
  align-items: start;
  justify-content: center;
  height: 60px;
  width: 60px;
  padding: 0;
  margin: 0;
  border: none !important;
  background: none !important;
  background-color: none !important;
}

.crp_close-button:focus,
.crp_close-button:active,
.crp_close-button:visited {
  background-color: none;
  border: none;
  outline: none;
  box-shadow: none;
  text-decoration: none;
}

.crp_close-button svg {
  width: 20px;
  height: auto;
  fill: white;
  opacity: 0.75;
}

.crp_close-button:hover svg {
  opacity: 1;
}

.crp_close-button:hover {
  background-color: none !important;
}

.crp_reset-button{
    background-color: transparent!important;
    border: none!important;
    height: 24px;
    width: 24px;
    padding: 0px;
    margin-top: -14px;
}

.crp_reset-button svg{
    fill:#ffffff;
    opacity: .7;
    width: 20px;
    height: 20px;
}
.crp_reset-button:hover svg{
    opacity:1;
}
.crpRotateBtn{
    background-color: transparent!important;
    border: none!important;
    height: 30px;
    width: 30px;
    padding: 0px;
    margin-top: -15px;
}
.crpRotateBtn svg{
    fill:#ffffff;
    opacity: .7;
    width: 24px;
    height: 24px;
}
.crpRotateBtn:hover svg{
    opacity:1;
}



.crp_download-button {
    background-color: var(--cropSubmit);
    border: solid 1px var(--cropSubmitH);
    color: #fff;
    cursor: pointer;
    border-radius:10px;
    width: 300px;
    height: 100px;
    max-width: 450px;
    text-align: center;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
    transition: background-color 0.35s, border-color 0.35s;
}
.crp_download-button:hover {
    background-color: var(--cropSubmitH);
}

.crp_custom-link {
    color: #333;
    text-decoration: none;
}

.crp_custom-link:hover {
    color: #fff;
}

.crp_cl-button {
    height: 60px;
    width: 60px;
    position: fixed;
    top: 20px;
    right: 20px;
    background-color: transparent;
    justify-content: center;
    align-items: center;
    border: none;
    display: none;
}

/* Inline SVG Button Styling */


.crp_download-button svg {
    width: 40px;
    height: auto;
    fill: white;
    margin-right: 12px;
}

.crp_control-button svg path,
.crp_download-button svg path,
.crp_cl-button svg path {
    fill: white !important;
}


/* Tablet */
@media (max-width: 1024px) {
    .crp_main-container {
        flex-direction: column;
        height: 100vh;
    }

    .crp_left-section {
        height: 55vh;
        min-height:55vh;
        margin-right: 0;
        margin-top: 60px;
        padding: 15px;
        border-radius: 10px;
    }

    .crp_right-section {
        height: 25vh;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 10px;
    }

    .crp_info {
        width: 95vw;
        min-height:100px;
        top: 0;
        left: 0;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        padding: 0;
        margin-top:0px;
    }

    .crp_upload-area {
        width: 60%;
        max-width: 400px;
        height: 150px;
    }

    #closeBtn {
        display: none;
    }

    .crp_controls {
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding-left:40px;
        padding-right:40px;
    }

    .crp_control-button {
        background-color: #000;
        border: none;
        padding: 0;
        color: #fff;
        cursor: pointer;
        font-size: 18px;
        width: 100px;
        height: 100px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-weight: 500;
        grid-row-gap: 10px;
        gap: 0;
    }

    .crp_control-button svg {
        width: 36px;
        margin: 0;
        margin-bottom: 8px;
    }

    .crp_download-button {
        width: 130px;
        height: 130px;
    }

    .crp_download-button svg {
        width: 36px;
    }

    .crp_cl-button {
        display: flex;
    }

    .crp_cl-button svg {
        width: 16px;
    }

    .crp_warning-message {
        font-size: 18px;
        margin-top: 0;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .crp_main-container {
        padding: 0;
        height: 100vh;
        width:100vw;
    }
    .crp_left-section {
        width: 100%;
        margin: 0;
        border-radius: 0;
        margin-top: 60px;
        min-height: 48vh;
        height: 48vh;
        overflow: hidden;
    }
    
    .crp_slider_section {
    flex-direction: column;
    gap: 0px;
    margin-top: 5px;
    padding:20px;
    gap:2px;
    height:70px;
}
.crp_slider-block {
    width: 83%;
    display: flex;
    align-items: center;
}

.crp_slider-label {
    font-family: "open sans", Sans-Serif;
    font-size: 12px;
    line-height: 10px;
    margin-top: 0px;
    margin-right: 0px;
}

.crp_reset_box {
    position:absolute;
    right:20px;
    flex-direction: column;
    gap: 25px;
    align-content: right;
    height: 30px;
    padding-top: 10px;
}

.crp_reset-button svg{
    fill:#ffffff;
    opacity: 1;
    width: 18px;
    height: 18px;
    margin-right:-5px;
}
.crpRotateBtn svg {
    opacity: 1;
    width: 24px;
    height: 24px;
}

    .crp_right-section {
        flex-direction: column;
        width: 100%;
        height: 25vh;
        padding: 30px;
        align-items: center;
        justify-content: flex-start;
        grid-row-gap: 10px;
        margin-bottom: 20px;
    }

    .crp_info {
       display:none;
    }

    .crp_heading {
        display: none;
    }

    #uploadedSize,
    #downloadSize {
        font-size: 13px;
    }
    .crp_warning-message {
    font-size: 16px;
    margin-top: 10px;
}

    .crp_controls {
        padding-left:0px;
        padding-right:0px;
        height:60px;
    }

    .crp_control-button {
        font-size: 14px;
        width: 80px;
        height: 80px;
        font-weight: 400;
        grid-row-gap: 10px;
    }

    .crp_control-button svg {
        width: 20px;
    }
    .crp_close-button svg {
    width: 16px;
    margin-top:2px;
    opacity:1;
}
    
    .crp_close-button {
    height: 30px;
    width: 60px;
    opacity:1;
}

    .crp_download-button {
        width: 80vw;
        height: 90px;
        margin-top: 0px;
        border-radius:10px;
    }

    .crp_download-button svg {
        width: 28px;
    }

    .crp_upload-area p,
    .crp_upload-text {
        font-size: 34px;
    }

    .crp_cl-button {
        height: 20px;
        width: 20px;
        top: 72vh;
        right: 20px;
    }

    .crp_cl-button svg {
        width: 12px;
    }
.cropper-canvas, .cropper-crop-box, .cropper-drag-box, .cropper-modal, .cropper-wrap-box {

    left: -15px!important;
    right: 2px!important;

}
}
/* Cropper.js element adjustments */
.cropperModal .cropper-bg {
  background-color: var(--cropBack) !important;
  background-image: none !important;
}
.cropperModal .cropper-face {
  background-color: transparent !important;
}
.cropperModal .cropper-dashed {
  border-color: #ffffff !important;
}

.crpUloadButton,
.jet-form-builder-file-upload {
  transition: opacity 0.2s ease;
}/* End custom CSS */