.elementor-4970 .elementor-element.elementor-element-9af10c6 > .elementor-container > .elementor-row{align-items:stretch;}.elementor-4970 .elementor-element.elementor-element-9af10c6:not(.elementor-motion-effects-element-type-background), .elementor-4970 .elementor-element.elementor-element-9af10c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1111110A;}.elementor-4970 .elementor-element.elementor-element-9af10c6{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-4970 .elementor-element.elementor-element-9af10c6 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4970 .elementor-element.elementor-element-c7eceff:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-4970 .elementor-element.elementor-element-c7eceff > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ndtcs.org/wp-content/uploads/2024/12/NDTCSBG1.webp");}.elementor-4970 .elementor-element.elementor-element-c7eceff > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-4970 .elementor-element.elementor-element-c7eceff > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4970 .elementor-element.elementor-element-c7eceff > .elementor-element-populated.elementor-element-populated{padding:0vw 0vw 20vw 0vw;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-weight:var( --e-global-typography-text-font-weight );}.elementor-4970 .elementor-element.elementor-element-4c03dbd > .elementor-widget-container{margin:30px 10px 10px 05px;}.elementor-4970 .elementor-element.elementor-element-4c03dbd{text-align:center;}.elementor-4970 .elementor-element.elementor-element-4c03dbd img{width:20%;}.elementor-widget-image-box .elementor-image-box-title{font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-4970 .elementor-element.elementor-element-39e2c21 > .elementor-widget-container{background-color:#1111118A;margin:30px 40px 0px 40px;padding:20px 20px 20px 20px;border-radius:30px 30px 30px 30px;}.elementor-4970 .elementor-element.elementor-element-39e2c21.elementor-position-right .elementor-image-box-img{margin-left:33px;}.elementor-4970 .elementor-element.elementor-element-39e2c21.elementor-position-left .elementor-image-box-img{margin-right:33px;}.elementor-4970 .elementor-element.elementor-element-39e2c21.elementor-position-top .elementor-image-box-img{margin-bottom:33px;}.elementor-4970 .elementor-element.elementor-element-39e2c21 .elementor-image-box-title{margin-bottom:2px;color:#FFFFFF;}.elementor-4970 .elementor-element.elementor-element-39e2c21 .elementor-image-box-wrapper .elementor-image-box-img{width:70%;}.elementor-4970 .elementor-element.elementor-element-39e2c21 .elementor-image-box-img img{border-style:solid;border-width:3px 3px 3px 3px;border-color:var( --e-global-color-primary );border-radius:100px;transition-duration:0.3s;}.elementor-4970 .elementor-element.elementor-element-39e2c21 .elementor-image-box-description{color:var( --e-global-color-primary );}.elementor-4970 .elementor-element.elementor-element-a2b3977{--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;--justify-content:center;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4970 .elementor-element.elementor-element-a0682a1 .elementor-button{padding:30px 30px 30px 30px;}.elementor-4970 .elementor-element.elementor-element-0be2692 .elementor-button{padding:30px 30px 30px 30px;}.elementor-4970 .elementor-element.elementor-element-fc89a19:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-4970 .elementor-element.elementor-element-fc89a19 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4970 .elementor-element.elementor-element-fc89a19 > .elementor-element-populated, .elementor-4970 .elementor-element.elementor-element-fc89a19 > .elementor-element-populated > .elementor-background-overlay, .elementor-4970 .elementor-element.elementor-element-fc89a19 > .elementor-background-slideshow{border-radius:30px 30px 30px 30px;}.elementor-4970 .elementor-element.elementor-element-fc89a19 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:30px 30px 30px 30px;--e-column-margin-right:30px;--e-column-margin-left:30px;}.elementor-4970 .elementor-element.elementor-element-fc89a19 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4970 .elementor-element.elementor-element-fc89a19 > .elementor-element-populated.elementor-element-populated{padding:30px 30px 30px 30px;}.elementor-4970 .elementor-element.elementor-element-f990095 > .elementor-widget-container{margin:-50px 0px -50px 0px;}.elementor-4970 .elementor-element.elementor-element-f990095{text-align:start;}.elementor-4970 .elementor-element.elementor-element-f990095 img{width:45%;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-4970 .elementor-element.elementor-element-c7eceff{width:30%;}.elementor-4970 .elementor-element.elementor-element-fc89a19{width:70%;}}@media(max-width:1024px) and (min-width:768px){.elementor-4970 .elementor-element.elementor-element-c7eceff{width:100%;}.elementor-4970 .elementor-element.elementor-element-fc89a19{width:100%;}}@media(max-width:1024px){.elementor-4970 .elementor-element.elementor-element-9af10c6{padding:75px 0px 0px 0px;}}@media(max-width:767px){.elementor-4970 .elementor-element.elementor-element-39e2c21 .elementor-image-box-img{margin-bottom:33px;}}/* Start custom CSS for shortcode, class: .elementor-element-2a39cf9 *//* =========================
   1. GRID LAYOUT
   ========================= */
#mo_sps_doc_table {
  display: grid !important;
  grid-template-columns: repeat(6, 1fr) !important;
  gap: 24px !important;
  width: 100% !important;
  border: none !important;
}

/* Flatten tbody rows into grid items */
#mo_sps_table_tbody {
  display: contents !important;
}

/* Hide table header */
#mo_sps_doc_table thead {
  display: none !important;
}

/* =========================
   2. FOLDER TILES / CARDS
   ========================= */
/* Apply card styles ONLY to real folder rows */
#mo_sps_table_tbody .mo_sps_table_tr {
  display: block !important;
  background: #ffffff !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  cursor: pointer !important;
  min-height: 180px !important; /* ensures uniform tile height */
}

/* Hover animation */
#mo_sps_table_tbody .mo_sps_table_tr:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,0.15) !important;
}

/* Tile contents */
#mo_sps_table_tbody .mo_sps_table_tbody_td {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 28px 20px !important;
  text-align: center !important;
}

/* Folder icons */
#mo_sps_table_tbody .mo_sps_table_tbody_td img {
  width: 96px !important;
  height: 96px !important;
  margin-bottom: 14px !important;
  flex-shrink: 0 !important;
  transition: transform 0.2s ease !important;
}

/* Icon hover scale */
#mo_sps_table_tbody .mo_sps_table_tbody_td:hover img {
  transform: scale(1.05) !important;
}

/* Folder names */
#mo_sps_table_tbody .mo_sps_table_tbody_td div {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #323130 !important;
  white-space: normal !important;
  text-overflow: unset !important;
  overflow: hidden !important;
  line-height: 1.3 !important;
  text-align: center !important;
}

/* =========================
   3. LOADER ROW (SAFE)
   ========================= */
/* Keep loader tbody in DOM to preserve grid spacing */
#mo_sps_table_tbody_loader {
  display: table-row-group !important;
}

/* Hide loader row contents completely */
#mo_sps_table_tbody_loader tr,
#mo_sps_table_tbody_loader td {
  display: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Hide spinner GIF */
#mo_sps_table_tbody_loader img {
  display: none !important;
}

/* =========================
   4. RESPONSIVE GRID
   ========================= */
@media (max-width: 1400px) {
  #mo_sps_doc_table {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

@media (max-width: 900px) {
  #mo_sps_doc_table {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 480px) {
  #mo_sps_doc_table {
    grid-template-columns: 1fr !important;
  }
}
/* Target the empty folder row */
#mo_sps_table_tbody td[colspan="4"] {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  background: #ffffff !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
  padding: 28px !important;
  min-height: 180px !important;
  margin: 0 !important;
}

/* Style the image inside */
#mo_sps_table_tbody td[colspan="4"] img {
  width: 96px !important;
  height: 96px !important;
  margin-bottom: 14px !important;
}

/* Center the text below */
#mo_sps_table_tbody td[colspan="4"] div {
  text-align: center !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #666666 !important;
}/* End custom CSS */