/*
 * Atok Suardi V7 targeted repair
 * Scope deliberately limited to:
 * 1) Perkhidmatan Terbaik Kami
 * 2) Testimoni carousel
 * 3) FAQ text colours
 * DO NOT use this file for any other section.
 */

/* =========================================================
   1. PERKHIDMATAN TERBAIK KAMI — width / card geometry only
   ========================================================= */
.atok-native-page .atok-services .atok-services-grid,
.atok-native-page .atok-services .elementor-element-3c00ed0{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  width:100%!important;
  max-width:100%!important;
  align-items:stretch!important;
}

/* Elementor stores each card at ~31.5%. Inside a CSS grid that percentage
   is applied AGAIN to the grid cell, producing the narrow/tall cards seen
   in the screenshot. Force the card to fill its grid cell. */
.atok-native-page .atok-services .elementor-element-3c00ed0 > .atok-service-card,
.atok-native-page .atok-services .elementor-element-3c00ed0 > .e-con.atok-service-card{
  --width:100%!important;
  --min-height:initial!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  flex-basis:auto!important;
  align-self:stretch!important;
  height:auto!important;
  min-height:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}

.atok-native-page .atok-services .atok-service-card > *,
.atok-native-page .atok-services .atok-service-card .atok-service-image,
.atok-native-page .atok-services .atok-service-card .atok-service-card-body{
  --width:100%!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

.atok-native-page .atok-services .atok-service-image{
  padding:12px 12px 0!important;
  margin:0!important;
}
.atok-native-page .atok-services .atok-service-image .elementor-widget-container,
.atok-native-page .atok-services .atok-service-image a{
  display:block!important;
  width:100%!important;
}
.atok-native-page .atok-services .atok-service-image img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:2/1!important;
  object-fit:cover!important;
  border-radius:8px!important;
}

.atok-native-page .atok-services .atok-service-card-body{
  padding:15px 18px 18px!important;
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
}
.atok-native-page .atok-services .atok-service-title,
.atok-native-page .atok-services .atok-service-desc,
.atok-native-page .atok-services .atok-service-button{
  width:100%!important;
  max-width:100%!important;
}
.atok-native-page .atok-services .atok-service-title .elementor-heading-title{
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.atok-native-page .atok-services .atok-service-desc,
.atok-native-page .atok-services .atok-service-desc p{
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.atok-native-page .atok-services .atok-service-button{
  margin-top:auto!important;
}

/* Statistics belong to the same services section in the supplied design. */
.atok-native-page .atok-services .elementor-element-2c6e824,
.atok-native-page .atok-services .atok-stats-wrap{
  background:transparent!important;
  width:100%!important;
  max-width:100%!important;
}
.atok-native-page .atok-services .elementor-element-7befc38,
.atok-native-page .atok-services .atok-stats-grid{
  background:#fff!important;
  width:100%!important;
  max-width:100%!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  justify-content:space-between!important;
  gap:0!important;
  padding:14px 8px!important;
  border:1px solid #d7d7d7!important;
  border-radius:10px!important;
  box-shadow:0 2px 7px rgba(0,0,0,.13)!important;
}
.atok-native-page .atok-services .elementor-element-7befc38 > .elementor-widget,
.atok-native-page .atok-services .atok-stats-grid > .elementor-widget{
  --width:33.333%!important;
  width:33.333%!important;
  max-width:33.333%!important;
  flex:0 0 33.333%!important;
  text-align:center!important;
}

/* =========================================================
   2. TESTIMONI — native Elementor carousel visual repair
   ========================================================= */
.atok-native-page .atok-carousel-section,
.atok-native-page .elementor-element-4ed3030{
  overflow:hidden!important;
}
.atok-native-page .atok-carousel-section .atok-testimonial-carousel,
.atok-native-page .elementor-element-f95d520{
  --width:100%!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.atok-native-page .elementor-element-f95d520 .elementor-widget-container,
.atok-native-page .elementor-element-f95d520 .elementor-image-carousel-wrapper,
.atok-native-page .elementor-element-f95d520 .swiper,
.atok-native-page .elementor-element-f95d520 .swiper-wrapper{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}
.atok-native-page .elementor-element-f95d520 .swiper-wrapper{
  align-items:stretch!important;
}
.atok-native-page .elementor-element-f95d520 .swiper-slide{
  height:auto!important;
  min-height:0!important;
  box-sizing:border-box!important;
}
.atok-native-page .elementor-element-f95d520 .swiper-slide-inner,
.atok-native-page .elementor-element-f95d520 figure{
  display:block!important;
  width:100%!important;
  height:auto!important;
  margin:0!important;
}
.atok-native-page .elementor-element-f95d520 .swiper-slide-image,
.atok-native-page .elementor-element-f95d520 img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  min-height:0!important;
  object-fit:contain!important;
  object-position:center top!important;
  border-radius:10px!important;
}
/* Prevent destination themes from collapsing the carousel images into a thin strip. */
.atok-native-page .elementor-element-f95d520 img[height],
.atok-native-page .elementor-element-f95d520 .swiper-slide-image{
  height:auto!important;
}
.atok-native-page .elementor-element-f95d520 .elementor-swiper-button{
  color:#5c1917!important;
  fill:#5c1917!important;
}
.atok-native-page .elementor-element-f95d520 .swiper-pagination-bullet{
  background:#5c1917!important;
}

/* =========================================================
   3. FAQ — text colour only
   ========================================================= */
.atok-native-page .atok-faq .elementor-element-f771ccc,
.atok-native-page .atok-faq .elementor-element-f771ccc p,
.atok-native-page .atok-faq .elementor-element-e51058c,
.atok-native-page .atok-faq .elementor-element-e51058c .elementor-heading-title{
  color:#000!important;
}
.atok-native-page .atok-faq .elementor-tab-title,
.atok-native-page .atok-faq .elementor-tab-title.elementor-active,
.atok-native-page .atok-faq .elementor-accordion-title,
.atok-native-page .atok-faq .elementor-accordion-title:link,
.atok-native-page .atok-faq .elementor-accordion-title:visited,
.atok-native-page .atok-faq .elementor-accordion-title:hover,
.atok-native-page .atok-faq .elementor-accordion-title:focus,
.atok-native-page .atok-faq .elementor-tab-title a,
.atok-native-page .atok-faq .elementor-tab-title span{
  color:#000!important;
}
.atok-native-page .atok-faq .elementor-accordion-icon,
.atok-native-page .atok-faq .elementor-accordion-icon svg,
.atok-native-page .atok-faq .elementor-accordion-icon path{
  color:#000!important;
  fill:#000!important;
}
.atok-native-page .atok-faq .elementor-tab-content,
.atok-native-page .atok-faq .elementor-tab-content p,
.atok-native-page .atok-faq .elementor-tab-content li,
.atok-native-page .atok-faq .elementor-tab-content span{
  color:#5a5a5a!important;
}

/* Tablet/mobile changes are limited to the repaired sections. */
@media(max-width:1024px){
  .atok-native-page .atok-services .elementor-element-3c00ed0{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:767px){
  .atok-native-page .atok-services .elementor-element-3c00ed0{
    grid-template-columns:1fr!important;
  }
  .atok-native-page .atok-services .elementor-element-7befc38,
  .atok-native-page .atok-services .atok-stats-grid{
    flex-direction:column!important;
  }
  .atok-native-page .atok-services .elementor-element-7befc38 > .elementor-widget,
  .atok-native-page .atok-services .atok-stats-grid > .elementor-widget{
    --width:100%!important;
    width:100%!important;
    max-width:100%!important;
    flex:0 0 100%!important;
  }
}