.elementor-1063 .elementor-element.elementor-element-aecad5b{--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-1063 .elementor-element.elementor-element-cdff41e{--display:flex;--min-height:611px;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;}.elementor-1063 .elementor-element.elementor-element-cdff41e:not(.elementor-motion-effects-element-type-background), .elementor-1063 .elementor-element.elementor-element-cdff41e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://detailersonline.com/wp-content/uploads/2024/12/background-small-7909h.webp");background-position:center center;background-size:cover;}.elementor-1063 .elementor-element.elementor-element-cdff41e::before, .elementor-1063 .elementor-element.elementor-element-cdff41e > .elementor-background-video-container::before, .elementor-1063 .elementor-element.elementor-element-cdff41e > .e-con-inner > .elementor-background-video-container::before, .elementor-1063 .elementor-element.elementor-element-cdff41e > .elementor-background-slideshow::before, .elementor-1063 .elementor-element.elementor-element-cdff41e > .e-con-inner > .elementor-background-slideshow::before, .elementor-1063 .elementor-element.elementor-element-cdff41e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1063 .elementor-element.elementor-element-ba3d7c4{--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-1063 .elementor-element.elementor-element-ba3d7c4.e-con{--align-self:center;}.elementor-1063 .elementor-element.elementor-element-d8fccac .elementor-heading-title{font-family:var( --e-global-typography-43606d8-font-family ), Sans-serif;font-size:var( --e-global-typography-43606d8-font-size );font-weight:var( --e-global-typography-43606d8-font-weight );line-height:var( --e-global-typography-43606d8-line-height );color:#000000;}.elementor-1063 .elementor-element.elementor-element-70ba4de .elementor-heading-title{font-family:var( --e-global-typography-6c851af-font-family ), Sans-serif;font-size:var( --e-global-typography-6c851af-font-size );font-weight:var( --e-global-typography-6c851af-font-weight );text-transform:var( --e-global-typography-6c851af-text-transform );line-height:var( --e-global-typography-6c851af-line-height );letter-spacing:var( --e-global-typography-6c851af-letter-spacing );color:#000000;}.elementor-1063 .elementor-element.elementor-element-41bb394{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:#000000;}.elementor-1063 .elementor-element.elementor-element-ce63c27.elementor-element{--align-self:center;}.elementor-1063 .elementor-element.elementor-element-0dff567{--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;--overlay-opacity:0.65;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-1063 .elementor-element.elementor-element-0dff567:not(.elementor-motion-effects-element-type-background), .elementor-1063 .elementor-element.elementor-element-0dff567 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B6B6B6;background-image:url("https://detailersonline.com/wp-content/uploads/2025/02/dark-gradient-bg-copy.webp");background-size:cover;}.elementor-1063 .elementor-element.elementor-element-0dff567::before, .elementor-1063 .elementor-element.elementor-element-0dff567 > .elementor-background-video-container::before, .elementor-1063 .elementor-element.elementor-element-0dff567 > .e-con-inner > .elementor-background-video-container::before, .elementor-1063 .elementor-element.elementor-element-0dff567 > .elementor-background-slideshow::before, .elementor-1063 .elementor-element.elementor-element-0dff567 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1063 .elementor-element.elementor-element-0dff567 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://detailersonline.com/wp-content/uploads/2025/02/dark-gradient-bg-copy.webp");--background-overlay:'';background-size:cover;}.elementor-1063 .elementor-element.elementor-element-15acc53{text-align:center;}.elementor-1063 .elementor-element.elementor-element-15acc53 .elementor-heading-title{font-family:var( --e-global-typography-096075e-font-family ), Sans-serif;font-size:var( --e-global-typography-096075e-font-size );font-weight:var( --e-global-typography-096075e-font-weight );line-height:var( --e-global-typography-096075e-line-height );color:#FFFFFF;}.elementor-1063 .elementor-element.elementor-element-7676a8f > .elementor-widget-container{padding:0px 20px 0px 20px;}.elementor-1063 .elementor-element.elementor-element-7676a8f{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:#FFFFFF;}.elementor-1063 .elementor-element.elementor-element-6997d96 > .elementor-widget-container{margin:0px 20px 0px 20px;}.elementor-1063 .elementor-element.elementor-element-b90be4d{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:140px;--padding-left:0px;--padding-right:0px;}.elementor-1063 .elementor-element.elementor-element-b90be4d:not(.elementor-motion-effects-element-type-background), .elementor-1063 .elementor-element.elementor-element-b90be4d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://detailersonline.com/wp-content/uploads/2024/12/background-small-7909h.webp");background-size:cover;}.elementor-1063 .elementor-element.elementor-element-120277c{--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:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1063 .elementor-element.elementor-element-8e22595{--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:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1063 .elementor-element.elementor-element-72e1580 .elementor-heading-title{font-family:var( --e-global-typography-096075e-font-family ), Sans-serif;font-size:var( --e-global-typography-096075e-font-size );font-weight:var( --e-global-typography-096075e-font-weight );line-height:var( --e-global-typography-096075e-line-height );color:#000000;}.elementor-1063 .elementor-element.elementor-element-7f9d3f1{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:#000000;}.elementor-1063 .elementor-element.elementor-element-9a93174 .elementor-heading-title{font-family:var( --e-global-typography-096075e-font-family ), Sans-serif;font-size:var( --e-global-typography-096075e-font-size );font-weight:var( --e-global-typography-096075e-font-weight );line-height:var( --e-global-typography-096075e-line-height );color:#000000;}.elementor-1063 .elementor-element.elementor-element-4fc410c{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:#000000;}@media(max-width:1024px){.elementor-1063 .elementor-element.elementor-element-d8fccac .elementor-heading-title{font-size:var( --e-global-typography-43606d8-font-size );line-height:var( --e-global-typography-43606d8-line-height );}.elementor-1063 .elementor-element.elementor-element-70ba4de .elementor-heading-title{font-size:var( --e-global-typography-6c851af-font-size );line-height:var( --e-global-typography-6c851af-line-height );letter-spacing:var( --e-global-typography-6c851af-letter-spacing );}.elementor-1063 .elementor-element.elementor-element-41bb394{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-1063 .elementor-element.elementor-element-15acc53 .elementor-heading-title{font-size:var( --e-global-typography-096075e-font-size );line-height:var( --e-global-typography-096075e-line-height );}.elementor-1063 .elementor-element.elementor-element-7676a8f{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-1063 .elementor-element.elementor-element-72e1580 .elementor-heading-title{font-size:var( --e-global-typography-096075e-font-size );line-height:var( --e-global-typography-096075e-line-height );}.elementor-1063 .elementor-element.elementor-element-7f9d3f1{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-1063 .elementor-element.elementor-element-9a93174 .elementor-heading-title{font-size:var( --e-global-typography-096075e-font-size );line-height:var( --e-global-typography-096075e-line-height );}.elementor-1063 .elementor-element.elementor-element-4fc410c{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(min-width:768px){.elementor-1063 .elementor-element.elementor-element-aecad5b{--content-width:1600px;}.elementor-1063 .elementor-element.elementor-element-ba3d7c4{--width:50%;}.elementor-1063 .elementor-element.elementor-element-0dff567{--content-width:1200px;}.elementor-1063 .elementor-element.elementor-element-120277c{--width:50%;}.elementor-1063 .elementor-element.elementor-element-8e22595{--width:50%;}}@media(max-width:767px){.elementor-1063 .elementor-element.elementor-element-ba3d7c4{--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1063 .elementor-element.elementor-element-d8fccac .elementor-heading-title{font-size:var( --e-global-typography-43606d8-font-size );line-height:var( --e-global-typography-43606d8-line-height );}.elementor-1063 .elementor-element.elementor-element-70ba4de .elementor-heading-title{font-size:var( --e-global-typography-6c851af-font-size );line-height:var( --e-global-typography-6c851af-line-height );letter-spacing:var( --e-global-typography-6c851af-letter-spacing );}.elementor-1063 .elementor-element.elementor-element-41bb394{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-1063 .elementor-element.elementor-element-15acc53 .elementor-heading-title{font-size:var( --e-global-typography-096075e-font-size );line-height:var( --e-global-typography-096075e-line-height );}.elementor-1063 .elementor-element.elementor-element-7676a8f{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-1063 .elementor-element.elementor-element-72e1580 .elementor-heading-title{font-size:var( --e-global-typography-096075e-font-size );line-height:var( --e-global-typography-096075e-line-height );}.elementor-1063 .elementor-element.elementor-element-7f9d3f1{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-1063 .elementor-element.elementor-element-9a93174 .elementor-heading-title{font-size:var( --e-global-typography-096075e-font-size );line-height:var( --e-global-typography-096075e-line-height );}.elementor-1063 .elementor-element.elementor-element-4fc410c{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for html, class: .elementor-element-6997d96 */.preview-row {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
  max-width: 1600px;
  margin: 0 auto;
  padding: 20px;
  flex-wrap: nowrap;
  box-sizing: border-box;
}

.preview {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.1);
  overflow: hidden;
  flex-shrink: 0;
}

/* Labels */
.label {
  margin-top: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #333;
}

/* Shared iframe style */
.preview iframe {
  border: none;
  display: block;
  pointer-events: auto;
  transform-origin: top left;
}

/* === Desktop Preview - 20% larger (16:9) === */
.preview.desktop {
  width: 691px;              /* 1280 * 0.54 */
  height: 389px;             /* 720 * 0.54 */
}
.preview.desktop iframe {
  width: 1280px;
  height: 720px;
  zoom: 0.54;
}


/* === Tablet Preview - Portrait (3:4) === */
.preview.tablet {
  width: 288px;              /* 768 * 0.375 */
  height: 384px;             /* 1024 * 0.375 */
}
.preview.tablet iframe {
  width: 768px;
  height: 1024px;
  zoom: 0.375;
}

/* === Mobile Preview (unchanged) === */
.preview.mobile {
  width: 187px;              /* 390 * 0.48 */
  height: 333px;             /* 694 * 0.48 */
}
.preview.mobile iframe {
  width: 390px;
  height: 694px;
  zoom: 0.48;
}

@media (max-width: 768px) {
  .preview-row {
    flex-direction: column;
    align-items: center;
  }

  .preview {
    margin-bottom: 30px;
  }

  .preview:last-child {
    margin-bottom: 0;
  }
}

@media (max-width: 480px) {
  .preview.desktop {
    width: 320px;             /* scaled down */
    height: 180px;            /* maintain 16:9 aspect ratio */
  }

  .preview.desktop iframe {
    zoom: 0.25;
  }
}/* End custom CSS */