.elementor-8435 .elementor-element.elementor-element-78806628{--display:flex;--overlay-opacity:0.5;}.elementor-8435 .elementor-element.elementor-element-78806628::before, .elementor-8435 .elementor-element.elementor-element-78806628 > .elementor-background-video-container::before, .elementor-8435 .elementor-element.elementor-element-78806628 > .e-con-inner > .elementor-background-video-container::before, .elementor-8435 .elementor-element.elementor-element-78806628 > .elementor-background-slideshow::before, .elementor-8435 .elementor-element.elementor-element-78806628 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8435 .elementor-element.elementor-element-78806628 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#F7F8FC;--background-overlay:'';}:root{--page-title-display:none;}/* Start custom CSS *//* ============================================
   FIXED REPORT VIEWER LAYOUT
============================================ */

/* Limit the right column width */
#pt-tech-big .pt-techbig-viewer {
  width: 100%;
  max-width: 520px;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* Main image box */
#pt-tech-big .pt-techbig-main {
  background: #ffffff;
  border-radius: 16px;
  padding: 0;
  width: 100%;
  height: auto;
  max-height: 480px;        /* <—— keeps the report from getting huge */
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 14px 28px rgba(15,23,42,.12);
}

/* Main report image */
#pt-tech-big #ptr-main-image-tech {
  width: 100%;
  height: auto;
  max-height: 480px;
  object-fit: contain;      /* <—— perfect scaling */
  display: block;
  background: #ffffff;
}

/* Thumbnails row */
#pt-tech-big .pt-techbig-slider-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}

/* Thumbnails container */
#pt-tech-big .ptr-slider-tech {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  padding: 6px 0;
  max-height: 110px;        /* <—— ensures row is clean */
}

/* Thumbnail buttons */
#pt-tech-big .ptr-thumb-tech {
  border: 2px solid transparent;
  background: #ffffff;
  border-radius: 10px;
  padding: 4px;
  min-width: 70px;
  max-width: 70px;
  height: 95px;
  box-shadow: 0 4px 12px rgba(15,23,42,.08);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

/* Thumbnail images */
#pt-tech-big .ptr-thumb-tech img {
  width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 6px;
}

/* Numbers under thumbs */
#pt-tech-big .ptr-thumb-page-tech {
  font-size: 10px;
  color: #6b7280;
  margin-top: 4px;
}

/* Active thumbnail */
#pt-tech-big .ptr-thumb-tech.is-active {
  border-color: #3c57b0;
}

/* Arrows */
#pt-tech-big .ptr-arrow-tech {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #f3f4f6;
  color: #4b5563;
  border: none;
  cursor: pointer;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#pt-tech-big .ptr-arrow-tech:hover {
  background: #e5e7eb;
}

/* Fix layout pushing left column */
#pt-tech-big .pt-techbig-layout {
  align-items: flex-start;
}

/* RESPONSIVE FIX */
@media (max-width: 900px) {
  #pt-tech-big .pt-techbig-viewer {
    max-width: 100%;
    margin: 0;
  }
  #pt-tech-big .pt-techbig-main {
    max-height: 380px;
  }
}
/* ==== FIX REPORT PAGE DIMENSIONS (NO CROPPING) ==== */

/* Main report frame */
#pt-tech-big .pt-techbig-main{
  background:#ffffff;
  border-radius:16px;
  padding:20px;
  width:100%;
  height:auto;
  /* no fixed max-height, let the image define it */
  overflow:visible;           /* <-- IMPORTANT: don't crop the image */
  box-shadow:0 14px 28px rgba(15,23,42,.12);
  display:block;
}

/* Report image itself */
#pt-tech-big #ptr-main-image-tech{
  display:block;
  margin:0 auto;
  max-width:100%;
  width:auto;                 /* width auto so height can control scale */
  height:auto;
  max-height:620px;           /* adjust this number if you want it taller/shorter */
  object-fit:contain;         /* keep full page visible with correct proportions */
  background:#ffffff;
}
/* ====================================================
   FINAL FIX — NEVER CROP REPORT PAGE
   Full page always visible with vertical scroll
==================================================== */

/* Main container must allow scrolling vertically */
#pt-tech-big .pt-techbig-main {
  background: #ffffff;
  border-radius: 18px;
  padding: 0;
  width: 100%;
  height: auto;
  max-height: 820px;                  /* you can increase this if needed */
  overflow-y: auto;                   /* <—— THIS is the fix */
  overflow-x: hidden;
  box-shadow: 0 18px 40px rgba(15,23,42,.14);
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

/* Image inside viewer */
#pt-tech-big #ptr-main-image-tech {
  width: auto;
  height: auto;
  max-width: 100%;
  display: block;
  object-fit: contain;                /* never crop */
  margin: 0 auto;
}/* End custom CSS */