.elementor-481 .elementor-element.elementor-element-58e542a{--display:flex;--min-height:600px;--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;--justify-content:center;--overlay-opacity:0.89;}.elementor-481 .elementor-element.elementor-element-58e542a:not(.elementor-motion-effects-element-type-background), .elementor-481 .elementor-element.elementor-element-58e542a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://development.manilareliable.com/wp-content/uploads/2026/02/image-1-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-481 .elementor-element.elementor-element-58e542a::before, .elementor-481 .elementor-element.elementor-element-58e542a > .elementor-background-video-container::before, .elementor-481 .elementor-element.elementor-element-58e542a > .e-con-inner > .elementor-background-video-container::before, .elementor-481 .elementor-element.elementor-element-58e542a > .elementor-background-slideshow::before, .elementor-481 .elementor-element.elementor-element-58e542a > .e-con-inner > .elementor-background-slideshow::before, .elementor-481 .elementor-element.elementor-element-58e542a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#550306;--background-overlay:'';}.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-481 .elementor-element.elementor-element-7cb3e30.elementor-element{--align-self:flex-start;}.elementor-481 .elementor-element.elementor-element-7cb3e30{border-style:solid;border-width:0px 0px 3px 0px;border-color:#FFFFFF;font-family:"Sora", Sans-serif;font-size:48px;font-weight:400;color:#FFFFFF;}.elementor-481 .elementor-element.elementor-element-f968390{--display:flex;--min-height:640px;--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;--overlay-opacity:0.5;}.elementor-481 .elementor-element.elementor-element-f968390:not(.elementor-motion-effects-element-type-background), .elementor-481 .elementor-element.elementor-element-f968390 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EAEEF1;}.elementor-481 .elementor-element.elementor-element-f968390::before, .elementor-481 .elementor-element.elementor-element-f968390 > .elementor-background-video-container::before, .elementor-481 .elementor-element.elementor-element-f968390 > .e-con-inner > .elementor-background-video-container::before, .elementor-481 .elementor-element.elementor-element-f968390 > .elementor-background-slideshow::before, .elementor-481 .elementor-element.elementor-element-f968390 > .e-con-inner > .elementor-background-slideshow::before, .elementor-481 .elementor-element.elementor-element-f968390 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://development.manilareliable.com/wp-content/uploads/2026/02/Image-2.png");--background-overlay:'';background-repeat:no-repeat;}.elementor-481 .elementor-element.elementor-element-97310b2{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-481 .elementor-element.elementor-element-4f11840{--spacer-size:50px;}.elementor-481 .elementor-element.elementor-element-47e4719{font-family:"Sora", Sans-serif;font-size:48px;font-weight:700;}.elementor-481 .elementor-element.elementor-element-47e4719 p{margin-block-end:0px;}.elementor-481 .elementor-element.elementor-element-2550cc0{--display:flex;}.elementor-481 .elementor-element.elementor-element-cc1009d{--display:flex;}.elementor-481 .elementor-element.elementor-element-b7e16d9{background-color:#550306;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 47px;padding:10px 15px 10px 15px;border-radius:13px 13px 13px 13px;--e-rating-icon-font-size:10px;--e-rating-gap:6px;--e-rating-icon-marked-color:#FFFFFF;}.elementor-481 .elementor-element.elementor-element-b7e16d9.elementor-element{--align-self:flex-start;}.elementor-widget-testimonial .elementor-testimonial-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-testimonial .elementor-testimonial-name{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-testimonial .elementor-testimonial-job{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-481 .elementor-element.elementor-element-db36dd2{margin:-9px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-481 .elementor-element.elementor-element-db36dd2 .elementor-testimonial-wrapper{text-align:start;}.elementor-481 .elementor-element.elementor-element-db36dd2 .elementor-testimonial-content{color:#666666;font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:400;line-height:35px;}.elementor-481 .elementor-element.elementor-element-db36dd2 .elementor-testimonial-name{color:#014E4E;font-family:"Sora", Sans-serif;font-size:20px;font-weight:600;}.elementor-481 .elementor-element.elementor-element-db36dd2 .elementor-testimonial-job{color:#222222;font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;}.elementor-481 .elementor-element.elementor-element-8dc12c9{--display:flex;}.elementor-481 .elementor-element.elementor-element-faf03f3{--display:flex;}.elementor-481 .elementor-element.elementor-element-40297a6{background-color:#550306;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 47px;padding:10px 15px 10px 15px;border-radius:13px 13px 13px 13px;--e-rating-icon-font-size:10px;--e-rating-gap:6px;--e-rating-icon-marked-color:#FFFFFF;}.elementor-481 .elementor-element.elementor-element-40297a6.elementor-element{--align-self:flex-start;}.elementor-481 .elementor-element.elementor-element-5d15efc{margin:-9px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-481 .elementor-element.elementor-element-5d15efc .elementor-testimonial-wrapper{text-align:start;}.elementor-481 .elementor-element.elementor-element-5d15efc .elementor-testimonial-content{color:#666666;font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:400;line-height:35px;}.elementor-481 .elementor-element.elementor-element-5d15efc .elementor-testimonial-name{color:#014E4E;font-family:"Sora", Sans-serif;font-size:20px;font-weight:600;}.elementor-481 .elementor-element.elementor-element-5d15efc .elementor-testimonial-job{color:#222222;font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;}.elementor-481 .elementor-element.elementor-element-65f47a9{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-swiper-pagination-size:8px;--e-n-carousel-dots-normal-color:#014E4E;}.elementor-481 .elementor-element.elementor-element-65f47a9 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:4px;--swiper-pagination-bullet-vertical-gap:4px;}.elementor-481 .elementor-element.elementor-element-e704a73{--spacer-size:60px;}.elementor-481 .elementor-element.elementor-element-abc973b{--display:flex;}.elementor-481 .elementor-element.elementor-element-87f495a{--display:flex;}.elementor-481 .elementor-element.elementor-element-1269b1b{background-color:#550306;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 47px;padding:10px 15px 10px 15px;border-radius:13px 13px 13px 13px;--e-rating-icon-font-size:10px;--e-rating-gap:6px;--e-rating-icon-marked-color:#FFFFFF;}.elementor-481 .elementor-element.elementor-element-1269b1b.elementor-element{--align-self:flex-start;}.elementor-481 .elementor-element.elementor-element-1bc156a{margin:-9px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-481 .elementor-element.elementor-element-1bc156a .elementor-testimonial-wrapper{text-align:start;}.elementor-481 .elementor-element.elementor-element-1bc156a .elementor-testimonial-content{color:#666666;font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:400;line-height:35px;}.elementor-481 .elementor-element.elementor-element-1bc156a .elementor-testimonial-name{color:#014E4E;font-family:"Sora", Sans-serif;font-size:20px;font-weight:600;}.elementor-481 .elementor-element.elementor-element-1bc156a .elementor-testimonial-job{color:#222222;font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;}.elementor-481 .elementor-element.elementor-element-eafb41a{--display:flex;}.elementor-481 .elementor-element.elementor-element-6ef4dcb{--display:flex;}.elementor-481 .elementor-element.elementor-element-3364965{background-color:#550306;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 47px;padding:10px 15px 10px 15px;border-radius:13px 13px 13px 13px;--e-rating-icon-font-size:10px;--e-rating-gap:6px;--e-rating-icon-marked-color:#FFFFFF;}.elementor-481 .elementor-element.elementor-element-3364965.elementor-element{--align-self:flex-start;}.elementor-481 .elementor-element.elementor-element-936c111{margin:-9px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-481 .elementor-element.elementor-element-936c111 .elementor-testimonial-wrapper{text-align:start;}.elementor-481 .elementor-element.elementor-element-936c111 .elementor-testimonial-content{color:#666666;font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:400;line-height:35px;}.elementor-481 .elementor-element.elementor-element-936c111 .elementor-testimonial-name{color:#014E4E;font-family:"Sora", Sans-serif;font-size:20px;font-weight:600;}.elementor-481 .elementor-element.elementor-element-936c111 .elementor-testimonial-job{color:#222222;font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;}.elementor-481 .elementor-element.elementor-element-164a3d5{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-swiper-pagination-size:8px;--e-n-carousel-dots-normal-color:#014E4E;}.elementor-481 .elementor-element.elementor-element-164a3d5 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:4px;--swiper-pagination-bullet-vertical-gap:4px;}.elementor-481 .elementor-element.elementor-element-dd629a0{--spacer-size:50px;}@media(min-width:768px){.elementor-481 .elementor-element.elementor-element-58e542a{--content-width:1300px;}.elementor-481 .elementor-element.elementor-element-f968390{--content-width:1300px;}}@media(max-width:1024px){.elementor-481 .elementor-element.elementor-element-58e542a{--min-height:400px;}.elementor-481 .elementor-element.elementor-element-7cb3e30{font-size:40px;}.elementor-481 .elementor-element.elementor-element-47e4719{font-size:40px;line-height:48px;}.elementor-481 .elementor-element.elementor-element-65f47a9{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-swiper-pagination-size:8px;}.elementor-481 .elementor-element.elementor-element-65f47a9 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:10px;--swiper-pagination-bullet-vertical-gap:10px;}.elementor-481 .elementor-element.elementor-element-164a3d5{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-swiper-pagination-size:8px;}.elementor-481 .elementor-element.elementor-element-164a3d5 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:10px;--swiper-pagination-bullet-vertical-gap:10px;}}@media(max-width:767px){.elementor-481 .elementor-element.elementor-element-58e542a{--min-height:300px;}.elementor-481 .elementor-element.elementor-element-7cb3e30{font-size:25px;}.elementor-481 .elementor-element.elementor-element-47e4719{font-size:25px;line-height:31px;}.elementor-481 .elementor-element.elementor-element-65f47a9{--e-n-carousel-swiper-slides-to-display:1;}.elementor-481 .elementor-element.elementor-element-164a3d5{--e-n-carousel-swiper-slides-to-display:1;}}/* Start custom CSS for rating, class: .elementor-element-b7e16d9 *//* ==========================================
   DIFFERENT CONTAINERS FIX
   Rating = front
   White comment box = back
   ========================================== */

/* Allow overlapping (no clipping) */
.ndc-rating,
.ndc-tbox{
  position: relative !important;
  overflow: visible !important;
}

/* White comment box container stays behind */
.ndc-tbox{
  z-index: 1 !important;
}

/* Make the comment area white */
.ndc-tbox .elementor-testimonial__content,
.ndc-tbox .elementor-testimonial-content{
  background: #ffffff !important;
  border-radius: 14px !important;
  padding: 22px !important;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Rating container ALWAYS on top */
.ndc-rating{
  z-index: 99999 !important;
}

/* If the rating badge needs to sit above the white box */
.ndc-rating{
  margin-bottom: -24px !important; /* pulls rating down over the box */
}

/* Mobile tweak */
@media (max-width: 767px){
  .ndc-tbox .elementor-testimonial__content,
  .ndc-tbox .elementor-testimonial-content{
    padding: 16px !important;
  }
  .ndc-rating{
    margin-bottom: -18px !important;
  }
}/* End custom CSS */
/* Start custom CSS for testimonial, class: .elementor-element-db36dd2 *//* ==========================================
   NDC TESTIMONIAL
   White BG = pinaka likod
   Rating/Stars = pinaka una (front)
   ========================================== */

/* 0) No clipping so lumabas yung badge */
.ndc-testimonial,
.ndc-testimonial .elementor-widget-container,
.ndc-testimonial .elementor-testimonial,
.ndc-testimonial .swiper,
.ndc-testimonial .swiper-wrapper,
.ndc-testimonial .swiper-slide{
  overflow: visible !important;
}

/* 1) Comment box: make it a stacking context */
.ndc-testimonial .elementor-testimonial__content,
.ndc-testimonial .elementor-testimonial-content{
  position: relative !important;
  background: transparent !important;     /* IMPORTANT */
  border-radius: 14px !important;
  padding: 22px !important;
  isolation: isolate !important;          /* IMPORTANT */
}

/* 2) White background = pinaka likod (behind everything) */
.ndc-testimonial .elementor-testimonial__content::before,
.ndc-testimonial .elementor-testimonial-content::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
  z-index: -1 !important;                 /* PINAKA LIKOD */
}

/* 3) Text stays above white bg */
.ndc-testimonial .elementor-testimonial__text,
.ndc-testimonial .elementor-testimonial__text p{
  position: relative !important;
  z-index: 1 !important;
  color: #333333 !important;
}

/* 4) Rating/Stars = pinaka una (front) */
.ndc-testimonial .elementor-star-rating,
.ndc-testimonial [class*="star"],
.ndc-testimonial [class*="rating"]{
  position: relative !important;
  z-index: 99999 !important;              /* PINAKA UNA */
}

/* 5) If your rating badge is meant to sit above the box, force it */
.ndc-testimonial .elementor-star-rating{
  display: inline-block !important;
  transform: translateY(-18px);           /* adjust height if needed */
}/* End custom CSS */
/* Start custom CSS for rating, class: .elementor-element-40297a6 *//* ==========================================
   DIFFERENT CONTAINERS FIX
   Rating = front
   White comment box = back
   ========================================== */

/* Allow overlapping (no clipping) */
.ndc-rating,
.ndc-tbox{
  position: relative !important;
  overflow: visible !important;
}

/* White comment box container stays behind */
.ndc-tbox{
  z-index: 1 !important;
}

/* Make the comment area white */
.ndc-tbox .elementor-testimonial__content,
.ndc-tbox .elementor-testimonial-content{
  background: #ffffff !important;
  border-radius: 14px !important;
  padding: 22px !important;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Rating container ALWAYS on top */
.ndc-rating{
  z-index: 99999 !important;
}

/* If the rating badge needs to sit above the white box */
.ndc-rating{
  margin-bottom: -24px !important; /* pulls rating down over the box */
}

/* Mobile tweak */
@media (max-width: 767px){
  .ndc-tbox .elementor-testimonial__content,
  .ndc-tbox .elementor-testimonial-content{
    padding: 16px !important;
  }
  .ndc-rating{
    margin-bottom: -18px !important;
  }
}/* End custom CSS */
/* Start custom CSS for testimonial, class: .elementor-element-5d15efc *//* ==========================================
   NDC TESTIMONIAL
   White BG = pinaka likod
   Rating/Stars = pinaka una (front)
   ========================================== */

/* 0) No clipping so lumabas yung badge */
.ndc-testimonial,
.ndc-testimonial .elementor-widget-container,
.ndc-testimonial .elementor-testimonial,
.ndc-testimonial .swiper,
.ndc-testimonial .swiper-wrapper,
.ndc-testimonial .swiper-slide{
  overflow: visible !important;
}

/* 1) Comment box: make it a stacking context */
.ndc-testimonial .elementor-testimonial__content,
.ndc-testimonial .elementor-testimonial-content{
  position: relative !important;
  background: transparent !important;     /* IMPORTANT */
  border-radius: 14px !important;
  padding: 22px !important;
  isolation: isolate !important;          /* IMPORTANT */
}

/* 2) White background = pinaka likod (behind everything) */
.ndc-testimonial .elementor-testimonial__content::before,
.ndc-testimonial .elementor-testimonial-content::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
  z-index: -1 !important;                 /* PINAKA LIKOD */
}

/* 3) Text stays above white bg */
.ndc-testimonial .elementor-testimonial__text,
.ndc-testimonial .elementor-testimonial__text p{
  position: relative !important;
  z-index: 1 !important;
  color: #333333 !important;
}

/* 4) Rating/Stars = pinaka una (front) */
.ndc-testimonial .elementor-star-rating,
.ndc-testimonial [class*="star"],
.ndc-testimonial [class*="rating"]{
  position: relative !important;
  z-index: 99999 !important;              /* PINAKA UNA */
}

/* 5) If your rating badge is meant to sit above the box, force it */
.ndc-testimonial .elementor-star-rating{
  display: inline-block !important;
  transform: translateY(-18px);           /* adjust height if needed */
}/* End custom CSS */
/* Start custom CSS for rating, class: .elementor-element-b7e16d9 *//* ==========================================
   DIFFERENT CONTAINERS FIX
   Rating = front
   White comment box = back
   ========================================== */

/* Allow overlapping (no clipping) */
.ndc-rating,
.ndc-tbox{
  position: relative !important;
  overflow: visible !important;
}

/* White comment box container stays behind */
.ndc-tbox{
  z-index: 1 !important;
}

/* Make the comment area white */
.ndc-tbox .elementor-testimonial__content,
.ndc-tbox .elementor-testimonial-content{
  background: #ffffff !important;
  border-radius: 14px !important;
  padding: 22px !important;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Rating container ALWAYS on top */
.ndc-rating{
  z-index: 99999 !important;
}

/* If the rating badge needs to sit above the white box */
.ndc-rating{
  margin-bottom: -24px !important; /* pulls rating down over the box */
}

/* Mobile tweak */
@media (max-width: 767px){
  .ndc-tbox .elementor-testimonial__content,
  .ndc-tbox .elementor-testimonial-content{
    padding: 16px !important;
  }
  .ndc-rating{
    margin-bottom: -18px !important;
  }
}/* End custom CSS */
/* Start custom CSS for testimonial, class: .elementor-element-db36dd2 *//* ==========================================
   NDC TESTIMONIAL
   White BG = pinaka likod
   Rating/Stars = pinaka una (front)
   ========================================== */

/* 0) No clipping so lumabas yung badge */
.ndc-testimonial,
.ndc-testimonial .elementor-widget-container,
.ndc-testimonial .elementor-testimonial,
.ndc-testimonial .swiper,
.ndc-testimonial .swiper-wrapper,
.ndc-testimonial .swiper-slide{
  overflow: visible !important;
}

/* 1) Comment box: make it a stacking context */
.ndc-testimonial .elementor-testimonial__content,
.ndc-testimonial .elementor-testimonial-content{
  position: relative !important;
  background: transparent !important;     /* IMPORTANT */
  border-radius: 14px !important;
  padding: 22px !important;
  isolation: isolate !important;          /* IMPORTANT */
}

/* 2) White background = pinaka likod (behind everything) */
.ndc-testimonial .elementor-testimonial__content::before,
.ndc-testimonial .elementor-testimonial-content::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
  z-index: -1 !important;                 /* PINAKA LIKOD */
}

/* 3) Text stays above white bg */
.ndc-testimonial .elementor-testimonial__text,
.ndc-testimonial .elementor-testimonial__text p{
  position: relative !important;
  z-index: 1 !important;
  color: #333333 !important;
}

/* 4) Rating/Stars = pinaka una (front) */
.ndc-testimonial .elementor-star-rating,
.ndc-testimonial [class*="star"],
.ndc-testimonial [class*="rating"]{
  position: relative !important;
  z-index: 99999 !important;              /* PINAKA UNA */
}

/* 5) If your rating badge is meant to sit above the box, force it */
.ndc-testimonial .elementor-star-rating{
  display: inline-block !important;
  transform: translateY(-18px);           /* adjust height if needed */
}/* End custom CSS */
/* Start custom CSS for rating, class: .elementor-element-40297a6 *//* ==========================================
   DIFFERENT CONTAINERS FIX
   Rating = front
   White comment box = back
   ========================================== */

/* Allow overlapping (no clipping) */
.ndc-rating,
.ndc-tbox{
  position: relative !important;
  overflow: visible !important;
}

/* White comment box container stays behind */
.ndc-tbox{
  z-index: 1 !important;
}

/* Make the comment area white */
.ndc-tbox .elementor-testimonial__content,
.ndc-tbox .elementor-testimonial-content{
  background: #ffffff !important;
  border-radius: 14px !important;
  padding: 22px !important;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Rating container ALWAYS on top */
.ndc-rating{
  z-index: 99999 !important;
}

/* If the rating badge needs to sit above the white box */
.ndc-rating{
  margin-bottom: -24px !important; /* pulls rating down over the box */
}

/* Mobile tweak */
@media (max-width: 767px){
  .ndc-tbox .elementor-testimonial__content,
  .ndc-tbox .elementor-testimonial-content{
    padding: 16px !important;
  }
  .ndc-rating{
    margin-bottom: -18px !important;
  }
}/* End custom CSS */
/* Start custom CSS for testimonial, class: .elementor-element-5d15efc *//* ==========================================
   NDC TESTIMONIAL
   White BG = pinaka likod
   Rating/Stars = pinaka una (front)
   ========================================== */

/* 0) No clipping so lumabas yung badge */
.ndc-testimonial,
.ndc-testimonial .elementor-widget-container,
.ndc-testimonial .elementor-testimonial,
.ndc-testimonial .swiper,
.ndc-testimonial .swiper-wrapper,
.ndc-testimonial .swiper-slide{
  overflow: visible !important;
}

/* 1) Comment box: make it a stacking context */
.ndc-testimonial .elementor-testimonial__content,
.ndc-testimonial .elementor-testimonial-content{
  position: relative !important;
  background: transparent !important;     /* IMPORTANT */
  border-radius: 14px !important;
  padding: 22px !important;
  isolation: isolate !important;          /* IMPORTANT */
}

/* 2) White background = pinaka likod (behind everything) */
.ndc-testimonial .elementor-testimonial__content::before,
.ndc-testimonial .elementor-testimonial-content::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
  z-index: -1 !important;                 /* PINAKA LIKOD */
}

/* 3) Text stays above white bg */
.ndc-testimonial .elementor-testimonial__text,
.ndc-testimonial .elementor-testimonial__text p{
  position: relative !important;
  z-index: 1 !important;
  color: #333333 !important;
}

/* 4) Rating/Stars = pinaka una (front) */
.ndc-testimonial .elementor-star-rating,
.ndc-testimonial [class*="star"],
.ndc-testimonial [class*="rating"]{
  position: relative !important;
  z-index: 99999 !important;              /* PINAKA UNA */
}

/* 5) If your rating badge is meant to sit above the box, force it */
.ndc-testimonial .elementor-star-rating{
  display: inline-block !important;
  transform: translateY(-18px);           /* adjust height if needed */
}/* End custom CSS */
/* Start custom CSS for rating, class: .elementor-element-b7e16d9 *//* ==========================================
   DIFFERENT CONTAINERS FIX
   Rating = front
   White comment box = back
   ========================================== */

/* Allow overlapping (no clipping) */
.ndc-rating,
.ndc-tbox{
  position: relative !important;
  overflow: visible !important;
}

/* White comment box container stays behind */
.ndc-tbox{
  z-index: 1 !important;
}

/* Make the comment area white */
.ndc-tbox .elementor-testimonial__content,
.ndc-tbox .elementor-testimonial-content{
  background: #ffffff !important;
  border-radius: 14px !important;
  padding: 22px !important;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Rating container ALWAYS on top */
.ndc-rating{
  z-index: 99999 !important;
}

/* If the rating badge needs to sit above the white box */
.ndc-rating{
  margin-bottom: -24px !important; /* pulls rating down over the box */
}

/* Mobile tweak */
@media (max-width: 767px){
  .ndc-tbox .elementor-testimonial__content,
  .ndc-tbox .elementor-testimonial-content{
    padding: 16px !important;
  }
  .ndc-rating{
    margin-bottom: -18px !important;
  }
}/* End custom CSS */
/* Start custom CSS for testimonial, class: .elementor-element-db36dd2 *//* ==========================================
   NDC TESTIMONIAL
   White BG = pinaka likod
   Rating/Stars = pinaka una (front)
   ========================================== */

/* 0) No clipping so lumabas yung badge */
.ndc-testimonial,
.ndc-testimonial .elementor-widget-container,
.ndc-testimonial .elementor-testimonial,
.ndc-testimonial .swiper,
.ndc-testimonial .swiper-wrapper,
.ndc-testimonial .swiper-slide{
  overflow: visible !important;
}

/* 1) Comment box: make it a stacking context */
.ndc-testimonial .elementor-testimonial__content,
.ndc-testimonial .elementor-testimonial-content{
  position: relative !important;
  background: transparent !important;     /* IMPORTANT */
  border-radius: 14px !important;
  padding: 22px !important;
  isolation: isolate !important;          /* IMPORTANT */
}

/* 2) White background = pinaka likod (behind everything) */
.ndc-testimonial .elementor-testimonial__content::before,
.ndc-testimonial .elementor-testimonial-content::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
  z-index: -1 !important;                 /* PINAKA LIKOD */
}

/* 3) Text stays above white bg */
.ndc-testimonial .elementor-testimonial__text,
.ndc-testimonial .elementor-testimonial__text p{
  position: relative !important;
  z-index: 1 !important;
  color: #333333 !important;
}

/* 4) Rating/Stars = pinaka una (front) */
.ndc-testimonial .elementor-star-rating,
.ndc-testimonial [class*="star"],
.ndc-testimonial [class*="rating"]{
  position: relative !important;
  z-index: 99999 !important;              /* PINAKA UNA */
}

/* 5) If your rating badge is meant to sit above the box, force it */
.ndc-testimonial .elementor-star-rating{
  display: inline-block !important;
  transform: translateY(-18px);           /* adjust height if needed */
}/* End custom CSS */
/* Start custom CSS for rating, class: .elementor-element-40297a6 *//* ==========================================
   DIFFERENT CONTAINERS FIX
   Rating = front
   White comment box = back
   ========================================== */

/* Allow overlapping (no clipping) */
.ndc-rating,
.ndc-tbox{
  position: relative !important;
  overflow: visible !important;
}

/* White comment box container stays behind */
.ndc-tbox{
  z-index: 1 !important;
}

/* Make the comment area white */
.ndc-tbox .elementor-testimonial__content,
.ndc-tbox .elementor-testimonial-content{
  background: #ffffff !important;
  border-radius: 14px !important;
  padding: 22px !important;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Rating container ALWAYS on top */
.ndc-rating{
  z-index: 99999 !important;
}

/* If the rating badge needs to sit above the white box */
.ndc-rating{
  margin-bottom: -24px !important; /* pulls rating down over the box */
}

/* Mobile tweak */
@media (max-width: 767px){
  .ndc-tbox .elementor-testimonial__content,
  .ndc-tbox .elementor-testimonial-content{
    padding: 16px !important;
  }
  .ndc-rating{
    margin-bottom: -18px !important;
  }
}/* End custom CSS */
/* Start custom CSS for testimonial, class: .elementor-element-5d15efc *//* ==========================================
   NDC TESTIMONIAL
   White BG = pinaka likod
   Rating/Stars = pinaka una (front)
   ========================================== */

/* 0) No clipping so lumabas yung badge */
.ndc-testimonial,
.ndc-testimonial .elementor-widget-container,
.ndc-testimonial .elementor-testimonial,
.ndc-testimonial .swiper,
.ndc-testimonial .swiper-wrapper,
.ndc-testimonial .swiper-slide{
  overflow: visible !important;
}

/* 1) Comment box: make it a stacking context */
.ndc-testimonial .elementor-testimonial__content,
.ndc-testimonial .elementor-testimonial-content{
  position: relative !important;
  background: transparent !important;     /* IMPORTANT */
  border-radius: 14px !important;
  padding: 22px !important;
  isolation: isolate !important;          /* IMPORTANT */
}

/* 2) White background = pinaka likod (behind everything) */
.ndc-testimonial .elementor-testimonial__content::before,
.ndc-testimonial .elementor-testimonial-content::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
  z-index: -1 !important;                 /* PINAKA LIKOD */
}

/* 3) Text stays above white bg */
.ndc-testimonial .elementor-testimonial__text,
.ndc-testimonial .elementor-testimonial__text p{
  position: relative !important;
  z-index: 1 !important;
  color: #333333 !important;
}

/* 4) Rating/Stars = pinaka una (front) */
.ndc-testimonial .elementor-star-rating,
.ndc-testimonial [class*="star"],
.ndc-testimonial [class*="rating"]{
  position: relative !important;
  z-index: 99999 !important;              /* PINAKA UNA */
}

/* 5) If your rating badge is meant to sit above the box, force it */
.ndc-testimonial .elementor-star-rating{
  display: inline-block !important;
  transform: translateY(-18px);           /* adjust height if needed */
}/* End custom CSS */
/* Start custom CSS for rating, class: .elementor-element-1269b1b *//* ==========================================
   DIFFERENT CONTAINERS FIX
   Rating = front
   White comment box = back
   ========================================== */

/* Allow overlapping (no clipping) */
.ndc-rating,
.ndc-tbox{
  position: relative !important;
  overflow: visible !important;
}

/* White comment box container stays behind */
.ndc-tbox{
  z-index: 1 !important;
}

/* Make the comment area white */
.ndc-tbox .elementor-testimonial__content,
.ndc-tbox .elementor-testimonial-content{
  background: #ffffff !important;
  border-radius: 14px !important;
  padding: 22px !important;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Rating container ALWAYS on top */
.ndc-rating{
  z-index: 99999 !important;
}

/* If the rating badge needs to sit above the white box */
.ndc-rating{
  margin-bottom: -24px !important; /* pulls rating down over the box */
}

/* Mobile tweak */
@media (max-width: 767px){
  .ndc-tbox .elementor-testimonial__content,
  .ndc-tbox .elementor-testimonial-content{
    padding: 16px !important;
  }
  .ndc-rating{
    margin-bottom: -18px !important;
  }
}/* End custom CSS */
/* Start custom CSS for testimonial, class: .elementor-element-1bc156a *//* ==========================================
   NDC TESTIMONIAL
   White BG = pinaka likod
   Rating/Stars = pinaka una (front)
   ========================================== */

/* 0) No clipping so lumabas yung badge */
.ndc-testimonial,
.ndc-testimonial .elementor-widget-container,
.ndc-testimonial .elementor-testimonial,
.ndc-testimonial .swiper,
.ndc-testimonial .swiper-wrapper,
.ndc-testimonial .swiper-slide{
  overflow: visible !important;
}

/* 1) Comment box: make it a stacking context */
.ndc-testimonial .elementor-testimonial__content,
.ndc-testimonial .elementor-testimonial-content{
  position: relative !important;
  background: transparent !important;     /* IMPORTANT */
  border-radius: 14px !important;
  padding: 22px !important;
  isolation: isolate !important;          /* IMPORTANT */
}

/* 2) White background = pinaka likod (behind everything) */
.ndc-testimonial .elementor-testimonial__content::before,
.ndc-testimonial .elementor-testimonial-content::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
  z-index: -1 !important;                 /* PINAKA LIKOD */
}

/* 3) Text stays above white bg */
.ndc-testimonial .elementor-testimonial__text,
.ndc-testimonial .elementor-testimonial__text p{
  position: relative !important;
  z-index: 1 !important;
  color: #333333 !important;
}

/* 4) Rating/Stars = pinaka una (front) */
.ndc-testimonial .elementor-star-rating,
.ndc-testimonial [class*="star"],
.ndc-testimonial [class*="rating"]{
  position: relative !important;
  z-index: 99999 !important;              /* PINAKA UNA */
}

/* 5) If your rating badge is meant to sit above the box, force it */
.ndc-testimonial .elementor-star-rating{
  display: inline-block !important;
  transform: translateY(-18px);           /* adjust height if needed */
}/* End custom CSS */
/* Start custom CSS for rating, class: .elementor-element-3364965 *//* ==========================================
   DIFFERENT CONTAINERS FIX
   Rating = front
   White comment box = back
   ========================================== */

/* Allow overlapping (no clipping) */
.ndc-rating,
.ndc-tbox{
  position: relative !important;
  overflow: visible !important;
}

/* White comment box container stays behind */
.ndc-tbox{
  z-index: 1 !important;
}

/* Make the comment area white */
.ndc-tbox .elementor-testimonial__content,
.ndc-tbox .elementor-testimonial-content{
  background: #ffffff !important;
  border-radius: 14px !important;
  padding: 22px !important;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Rating container ALWAYS on top */
.ndc-rating{
  z-index: 99999 !important;
}

/* If the rating badge needs to sit above the white box */
.ndc-rating{
  margin-bottom: -24px !important; /* pulls rating down over the box */
}

/* Mobile tweak */
@media (max-width: 767px){
  .ndc-tbox .elementor-testimonial__content,
  .ndc-tbox .elementor-testimonial-content{
    padding: 16px !important;
  }
  .ndc-rating{
    margin-bottom: -18px !important;
  }
}/* End custom CSS */
/* Start custom CSS for testimonial, class: .elementor-element-936c111 *//* ==========================================
   NDC TESTIMONIAL
   White BG = pinaka likod
   Rating/Stars = pinaka una (front)
   ========================================== */

/* 0) No clipping so lumabas yung badge */
.ndc-testimonial,
.ndc-testimonial .elementor-widget-container,
.ndc-testimonial .elementor-testimonial,
.ndc-testimonial .swiper,
.ndc-testimonial .swiper-wrapper,
.ndc-testimonial .swiper-slide{
  overflow: visible !important;
}

/* 1) Comment box: make it a stacking context */
.ndc-testimonial .elementor-testimonial__content,
.ndc-testimonial .elementor-testimonial-content{
  position: relative !important;
  background: transparent !important;     /* IMPORTANT */
  border-radius: 14px !important;
  padding: 22px !important;
  isolation: isolate !important;          /* IMPORTANT */
}

/* 2) White background = pinaka likod (behind everything) */
.ndc-testimonial .elementor-testimonial__content::before,
.ndc-testimonial .elementor-testimonial-content::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
  z-index: -1 !important;                 /* PINAKA LIKOD */
}

/* 3) Text stays above white bg */
.ndc-testimonial .elementor-testimonial__text,
.ndc-testimonial .elementor-testimonial__text p{
  position: relative !important;
  z-index: 1 !important;
  color: #333333 !important;
}

/* 4) Rating/Stars = pinaka una (front) */
.ndc-testimonial .elementor-star-rating,
.ndc-testimonial [class*="star"],
.ndc-testimonial [class*="rating"]{
  position: relative !important;
  z-index: 99999 !important;              /* PINAKA UNA */
}

/* 5) If your rating badge is meant to sit above the box, force it */
.ndc-testimonial .elementor-star-rating{
  display: inline-block !important;
  transform: translateY(-18px);           /* adjust height if needed */
}/* End custom CSS */
/* Start custom CSS for rating, class: .elementor-element-1269b1b *//* ==========================================
   DIFFERENT CONTAINERS FIX
   Rating = front
   White comment box = back
   ========================================== */

/* Allow overlapping (no clipping) */
.ndc-rating,
.ndc-tbox{
  position: relative !important;
  overflow: visible !important;
}

/* White comment box container stays behind */
.ndc-tbox{
  z-index: 1 !important;
}

/* Make the comment area white */
.ndc-tbox .elementor-testimonial__content,
.ndc-tbox .elementor-testimonial-content{
  background: #ffffff !important;
  border-radius: 14px !important;
  padding: 22px !important;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Rating container ALWAYS on top */
.ndc-rating{
  z-index: 99999 !important;
}

/* If the rating badge needs to sit above the white box */
.ndc-rating{
  margin-bottom: -24px !important; /* pulls rating down over the box */
}

/* Mobile tweak */
@media (max-width: 767px){
  .ndc-tbox .elementor-testimonial__content,
  .ndc-tbox .elementor-testimonial-content{
    padding: 16px !important;
  }
  .ndc-rating{
    margin-bottom: -18px !important;
  }
}/* End custom CSS */
/* Start custom CSS for testimonial, class: .elementor-element-1bc156a *//* ==========================================
   NDC TESTIMONIAL
   White BG = pinaka likod
   Rating/Stars = pinaka una (front)
   ========================================== */

/* 0) No clipping so lumabas yung badge */
.ndc-testimonial,
.ndc-testimonial .elementor-widget-container,
.ndc-testimonial .elementor-testimonial,
.ndc-testimonial .swiper,
.ndc-testimonial .swiper-wrapper,
.ndc-testimonial .swiper-slide{
  overflow: visible !important;
}

/* 1) Comment box: make it a stacking context */
.ndc-testimonial .elementor-testimonial__content,
.ndc-testimonial .elementor-testimonial-content{
  position: relative !important;
  background: transparent !important;     /* IMPORTANT */
  border-radius: 14px !important;
  padding: 22px !important;
  isolation: isolate !important;          /* IMPORTANT */
}

/* 2) White background = pinaka likod (behind everything) */
.ndc-testimonial .elementor-testimonial__content::before,
.ndc-testimonial .elementor-testimonial-content::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
  z-index: -1 !important;                 /* PINAKA LIKOD */
}

/* 3) Text stays above white bg */
.ndc-testimonial .elementor-testimonial__text,
.ndc-testimonial .elementor-testimonial__text p{
  position: relative !important;
  z-index: 1 !important;
  color: #333333 !important;
}

/* 4) Rating/Stars = pinaka una (front) */
.ndc-testimonial .elementor-star-rating,
.ndc-testimonial [class*="star"],
.ndc-testimonial [class*="rating"]{
  position: relative !important;
  z-index: 99999 !important;              /* PINAKA UNA */
}

/* 5) If your rating badge is meant to sit above the box, force it */
.ndc-testimonial .elementor-star-rating{
  display: inline-block !important;
  transform: translateY(-18px);           /* adjust height if needed */
}/* End custom CSS */
/* Start custom CSS for rating, class: .elementor-element-3364965 *//* ==========================================
   DIFFERENT CONTAINERS FIX
   Rating = front
   White comment box = back
   ========================================== */

/* Allow overlapping (no clipping) */
.ndc-rating,
.ndc-tbox{
  position: relative !important;
  overflow: visible !important;
}

/* White comment box container stays behind */
.ndc-tbox{
  z-index: 1 !important;
}

/* Make the comment area white */
.ndc-tbox .elementor-testimonial__content,
.ndc-tbox .elementor-testimonial-content{
  background: #ffffff !important;
  border-radius: 14px !important;
  padding: 22px !important;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Rating container ALWAYS on top */
.ndc-rating{
  z-index: 99999 !important;
}

/* If the rating badge needs to sit above the white box */
.ndc-rating{
  margin-bottom: -24px !important; /* pulls rating down over the box */
}

/* Mobile tweak */
@media (max-width: 767px){
  .ndc-tbox .elementor-testimonial__content,
  .ndc-tbox .elementor-testimonial-content{
    padding: 16px !important;
  }
  .ndc-rating{
    margin-bottom: -18px !important;
  }
}/* End custom CSS */
/* Start custom CSS for testimonial, class: .elementor-element-936c111 *//* ==========================================
   NDC TESTIMONIAL
   White BG = pinaka likod
   Rating/Stars = pinaka una (front)
   ========================================== */

/* 0) No clipping so lumabas yung badge */
.ndc-testimonial,
.ndc-testimonial .elementor-widget-container,
.ndc-testimonial .elementor-testimonial,
.ndc-testimonial .swiper,
.ndc-testimonial .swiper-wrapper,
.ndc-testimonial .swiper-slide{
  overflow: visible !important;
}

/* 1) Comment box: make it a stacking context */
.ndc-testimonial .elementor-testimonial__content,
.ndc-testimonial .elementor-testimonial-content{
  position: relative !important;
  background: transparent !important;     /* IMPORTANT */
  border-radius: 14px !important;
  padding: 22px !important;
  isolation: isolate !important;          /* IMPORTANT */
}

/* 2) White background = pinaka likod (behind everything) */
.ndc-testimonial .elementor-testimonial__content::before,
.ndc-testimonial .elementor-testimonial-content::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
  z-index: -1 !important;                 /* PINAKA LIKOD */
}

/* 3) Text stays above white bg */
.ndc-testimonial .elementor-testimonial__text,
.ndc-testimonial .elementor-testimonial__text p{
  position: relative !important;
  z-index: 1 !important;
  color: #333333 !important;
}

/* 4) Rating/Stars = pinaka una (front) */
.ndc-testimonial .elementor-star-rating,
.ndc-testimonial [class*="star"],
.ndc-testimonial [class*="rating"]{
  position: relative !important;
  z-index: 99999 !important;              /* PINAKA UNA */
}

/* 5) If your rating badge is meant to sit above the box, force it */
.ndc-testimonial .elementor-star-rating{
  display: inline-block !important;
  transform: translateY(-18px);           /* adjust height if needed */
}/* End custom CSS */
/* Start custom CSS for rating, class: .elementor-element-1269b1b *//* ==========================================
   DIFFERENT CONTAINERS FIX
   Rating = front
   White comment box = back
   ========================================== */

/* Allow overlapping (no clipping) */
.ndc-rating,
.ndc-tbox{
  position: relative !important;
  overflow: visible !important;
}

/* White comment box container stays behind */
.ndc-tbox{
  z-index: 1 !important;
}

/* Make the comment area white */
.ndc-tbox .elementor-testimonial__content,
.ndc-tbox .elementor-testimonial-content{
  background: #ffffff !important;
  border-radius: 14px !important;
  padding: 22px !important;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Rating container ALWAYS on top */
.ndc-rating{
  z-index: 99999 !important;
}

/* If the rating badge needs to sit above the white box */
.ndc-rating{
  margin-bottom: -24px !important; /* pulls rating down over the box */
}

/* Mobile tweak */
@media (max-width: 767px){
  .ndc-tbox .elementor-testimonial__content,
  .ndc-tbox .elementor-testimonial-content{
    padding: 16px !important;
  }
  .ndc-rating{
    margin-bottom: -18px !important;
  }
}/* End custom CSS */
/* Start custom CSS for testimonial, class: .elementor-element-1bc156a *//* ==========================================
   NDC TESTIMONIAL
   White BG = pinaka likod
   Rating/Stars = pinaka una (front)
   ========================================== */

/* 0) No clipping so lumabas yung badge */
.ndc-testimonial,
.ndc-testimonial .elementor-widget-container,
.ndc-testimonial .elementor-testimonial,
.ndc-testimonial .swiper,
.ndc-testimonial .swiper-wrapper,
.ndc-testimonial .swiper-slide{
  overflow: visible !important;
}

/* 1) Comment box: make it a stacking context */
.ndc-testimonial .elementor-testimonial__content,
.ndc-testimonial .elementor-testimonial-content{
  position: relative !important;
  background: transparent !important;     /* IMPORTANT */
  border-radius: 14px !important;
  padding: 22px !important;
  isolation: isolate !important;          /* IMPORTANT */
}

/* 2) White background = pinaka likod (behind everything) */
.ndc-testimonial .elementor-testimonial__content::before,
.ndc-testimonial .elementor-testimonial-content::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
  z-index: -1 !important;                 /* PINAKA LIKOD */
}

/* 3) Text stays above white bg */
.ndc-testimonial .elementor-testimonial__text,
.ndc-testimonial .elementor-testimonial__text p{
  position: relative !important;
  z-index: 1 !important;
  color: #333333 !important;
}

/* 4) Rating/Stars = pinaka una (front) */
.ndc-testimonial .elementor-star-rating,
.ndc-testimonial [class*="star"],
.ndc-testimonial [class*="rating"]{
  position: relative !important;
  z-index: 99999 !important;              /* PINAKA UNA */
}

/* 5) If your rating badge is meant to sit above the box, force it */
.ndc-testimonial .elementor-star-rating{
  display: inline-block !important;
  transform: translateY(-18px);           /* adjust height if needed */
}/* End custom CSS */
/* Start custom CSS for rating, class: .elementor-element-3364965 *//* ==========================================
   DIFFERENT CONTAINERS FIX
   Rating = front
   White comment box = back
   ========================================== */

/* Allow overlapping (no clipping) */
.ndc-rating,
.ndc-tbox{
  position: relative !important;
  overflow: visible !important;
}

/* White comment box container stays behind */
.ndc-tbox{
  z-index: 1 !important;
}

/* Make the comment area white */
.ndc-tbox .elementor-testimonial__content,
.ndc-tbox .elementor-testimonial-content{
  background: #ffffff !important;
  border-radius: 14px !important;
  padding: 22px !important;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Rating container ALWAYS on top */
.ndc-rating{
  z-index: 99999 !important;
}

/* If the rating badge needs to sit above the white box */
.ndc-rating{
  margin-bottom: -24px !important; /* pulls rating down over the box */
}

/* Mobile tweak */
@media (max-width: 767px){
  .ndc-tbox .elementor-testimonial__content,
  .ndc-tbox .elementor-testimonial-content{
    padding: 16px !important;
  }
  .ndc-rating{
    margin-bottom: -18px !important;
  }
}/* End custom CSS */
/* Start custom CSS for testimonial, class: .elementor-element-936c111 *//* ==========================================
   NDC TESTIMONIAL
   White BG = pinaka likod
   Rating/Stars = pinaka una (front)
   ========================================== */

/* 0) No clipping so lumabas yung badge */
.ndc-testimonial,
.ndc-testimonial .elementor-widget-container,
.ndc-testimonial .elementor-testimonial,
.ndc-testimonial .swiper,
.ndc-testimonial .swiper-wrapper,
.ndc-testimonial .swiper-slide{
  overflow: visible !important;
}

/* 1) Comment box: make it a stacking context */
.ndc-testimonial .elementor-testimonial__content,
.ndc-testimonial .elementor-testimonial-content{
  position: relative !important;
  background: transparent !important;     /* IMPORTANT */
  border-radius: 14px !important;
  padding: 22px !important;
  isolation: isolate !important;          /* IMPORTANT */
}

/* 2) White background = pinaka likod (behind everything) */
.ndc-testimonial .elementor-testimonial__content::before,
.ndc-testimonial .elementor-testimonial-content::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #ffffff !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
  z-index: -1 !important;                 /* PINAKA LIKOD */
}

/* 3) Text stays above white bg */
.ndc-testimonial .elementor-testimonial__text,
.ndc-testimonial .elementor-testimonial__text p{
  position: relative !important;
  z-index: 1 !important;
  color: #333333 !important;
}

/* 4) Rating/Stars = pinaka una (front) */
.ndc-testimonial .elementor-star-rating,
.ndc-testimonial [class*="star"],
.ndc-testimonial [class*="rating"]{
  position: relative !important;
  z-index: 99999 !important;              /* PINAKA UNA */
}

/* 5) If your rating badge is meant to sit above the box, force it */
.ndc-testimonial .elementor-star-rating{
  display: inline-block !important;
  transform: translateY(-18px);           /* adjust height if needed */
}/* End custom CSS */