
/* =====================================================================
   V48 — Partners placeholders + highly visible AI automation motion + FAQ spacing
   ===================================================================== */

/* ---------- Trusted partners: robust visible logo slider ---------- */
.ibtdi_trusted_clients{
  background:linear-gradient(180deg,#f8fbff 0%,#eef5fb 100%) !important;
  overflow:hidden;
}
.ibtdi_trusted_clients .section_title{margin-bottom:30px !important;}
.ibtdi_trusted_clients .section_title p{color:#51667d !important;}
.ibtdi_logo_slider{margin:0 -10px !important; padding:8px 0 20px !important; direction:ltr !important;}
.ibtdi_logo_slider .slick-slide{padding:0 10px !important;}
.ibtdi_logo_item{
  height:124px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:7px !important;
  border:1px solid #dce7f1 !important;
  border-radius:20px !important;
  background:#fff !important;
  box-shadow:0 12px 26px rgba(25,57,86,.08) !important;
  overflow:hidden !important;
  transition:transform .25s ease, box-shadow .25s ease !important;
}
.ibtdi_logo_item:hover{transform:translateY(-5px) !important;box-shadow:0 18px 32px rgba(25,57,86,.14) !important;}
.ibtdi_logo_item img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  object-fit:contain !important;
  opacity:1 !important;
  filter:none !important;
}
.ibtdi_logo_slider .slick-track{display:flex !important;align-items:stretch !important;}
.ibtdi_logo_slider .slick-slide{height:auto !important;}
.ibtdi_logo_slider .slick-slide>div{height:100% !important;}
@media(max-width:575px){.ibtdi_logo_item{height:102px !important;border-radius:16px !important;padding:5px !important;}}

/* ---------- AI speed lane: unmistakable automation motion ---------- */
.ai48_speed_lane{
  position:relative;
  margin:0 0 18px;
  padding:17px 20px 19px;
  overflow:hidden;
  border:1px solid rgba(86,168,255,.22);
  border-radius:22px;
  background:linear-gradient(110deg,rgba(10,18,34,.96),rgba(15,39,74,.88));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 34px rgba(0,0,0,.22);
}
.ai48_speed_lane::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(110deg,transparent 10%,rgba(86,168,255,.09) 28%,transparent 44%,rgba(124,58,237,.08) 62%,transparent 78%);
  background-size:220% 100%;
  animation:ai48LaneSweep 4.4s linear infinite;
}
@keyframes ai48LaneSweep{from{background-position:130% 0}to{background-position:-90% 0}}
.ai48_lane_head{position:relative;z-index:2;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px;}
.ai48_lane_head strong{color:#fff;font-size:18px;line-height:1.4;}
.ai48_lane_head small{color:rgba(229,241,255,.68);font-size:13px;}
.ai48_lane_live{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(34,197,94,.28);border-radius:999px;background:rgba(34,197,94,.10);color:#b7ffd2;font-size:11px;font-weight:800;letter-spacing:.06em;direction:ltr;}
.ai48_lane_live i{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.10),0 0 15px rgba(34,197,94,.72);animation:ai48LivePulse 1.1s ease-in-out infinite;}
@keyframes ai48LivePulse{0%,100%{transform:scale(.8);opacity:.65}50%{transform:scale(1.25);opacity:1}}
.ai48_lane_track{
  position:relative;z-index:1;height:66px;border-radius:16px;overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(90deg,rgba(124,58,237,.13),rgba(86,168,255,.10),rgba(34,197,94,.10));
}
.ai48_lane_track::before{
  content:"";position:absolute;top:50%;right:8%;left:8%;height:3px;border-radius:99px;transform:translateY(-50%);
  background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(86,168,255,.86),rgba(34,197,94,.76));
  box-shadow:0 0 16px rgba(86,168,255,.48);
}
.ai48_lane_track::after{
  content:"";position:absolute;inset:0;
  background-image:linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:28px 100%;opacity:.52;
}
.ai48_lane_node{
  position:absolute;top:50%;z-index:3;display:inline-flex;align-items:center;justify-content:center;
  min-width:44px;height:31px;padding:0 9px;border:1px solid rgba(255,255,255,.18);border-radius:999px;
  background:#0b1527;color:#eef7ff;font-size:11px;font-weight:900;letter-spacing:.04em;transform:translateY(-50%);
  box-shadow:0 0 0 4px rgba(86,168,255,.05),0 8px 18px rgba(0,0,0,.18);
}
.ai48_node_idea{right:7%;}.ai48_node_ai{right:34%;color:#cfc5ff;border-color:rgba(124,58,237,.42);}.ai48_node_qc{right:59%;color:#cdeaff;border-color:rgba(86,168,255,.42);}.ai48_node_live{right:84%;color:#caffdc;border-color:rgba(34,197,94,.44);}
.ai48_packet{
  position:absolute;z-index:4;top:50%;right:-11%;width:74px;height:10px;border-radius:999px;transform:translateY(-50%);
  background:linear-gradient(90deg,transparent,#fff,#8ec5ff,#7c3aed,transparent);
  box-shadow:0 0 12px #56a8ff,0 0 25px rgba(124,58,237,.6);
  animation:ai48Packet 2.2s linear infinite;
}
.ai48_packet::after{content:"";position:absolute;right:18px;top:50%;width:12px;height:12px;border-radius:50%;background:#fff;transform:translateY(-50%);box-shadow:0 0 13px #fff;}
.ai48_packet_two{animation-delay:.72s;opacity:.76;}.ai48_packet_three{animation-delay:1.44s;opacity:.52;}
@keyframes ai48Packet{0%{right:-14%;opacity:0;transform:translateY(-50%) scaleX(.65)}8%{opacity:1}85%{opacity:1}100%{right:106%;opacity:0;transform:translateY(-50%) scaleX(1.1)}}
.ai48_lane_glow{position:absolute;z-index:2;top:50%;right:50%;width:112px;height:50px;border-radius:50%;transform:translate(50%,-50%);background:radial-gradient(circle,rgba(86,168,255,.26),transparent 70%);filter:blur(3px);animation:ai48GlowMove 3.5s ease-in-out infinite;}
@keyframes ai48GlowMove{0%,100%{right:42%;opacity:.45}50%{right:60%;opacity:1}}

/* The run action becomes clearly demonstrative */
.ai42_run{position:relative !important;isolation:isolate;overflow:hidden !important;}
.ai42_run::after{content:"";position:absolute;z-index:-1;inset:-35%;background:conic-gradient(from 180deg,transparent 0 36%,rgba(255,255,255,.26) 47%,transparent 59%);animation:ai48RunOrbit 3.2s linear infinite;}
@keyframes ai48RunOrbit{to{transform:rotate(360deg)}}
.ai42-is-running .ai48_speed_lane{border-color:rgba(34,197,94,.42);box-shadow:0 0 0 4px rgba(34,197,94,.06),0 22px 42px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.08);}
.ai42-is-running .ai48_packet{animation-duration:.72s;}
.ai42-is-running .ai48_lane_glow{animation-duration:1s;}
.ai42-is-complete .ai48_speed_lane{border-color:rgba(34,197,94,.35);background:linear-gradient(110deg,rgba(7,29,27,.96),rgba(15,55,46,.86));}
.ai42-is-complete .ai48_lane_live{background:rgba(34,197,94,.17);}

/* Make state transitions visible even without clicking */
.ai42_stage{transition:transform .32s ease,border-color .32s ease,box-shadow .32s ease,background .32s ease !important;}
.ai42_stage.is-active{transform:translateY(-8px) !important;}
.ai42_stage.is-complete{transform:translateY(-3px) !important;}
.ai42_stage.is-active .ai42_stage_icon{animation:ai48IconBurst .85s ease-in-out infinite alternate;}
@keyframes ai48IconBurst{from{transform:scale(1);filter:drop-shadow(0 0 0 rgba(86,168,255,0))}to{transform:scale(1.12);filter:drop-shadow(0 0 16px rgba(86,168,255,.65))}}

/* ---------- FAQ: make answer visibly detached from question ---------- */
#faq .faq_centered_accordion .accordion-button:not(.collapsed){
  padding-bottom:19px !important;
}
#faq .faq_centered_accordion .accordion-collapse.show .accordion-body{
  position:relative;
  padding-top:18px !important;
  padding-bottom:26px !important;
  margin-top:0 !important;
  border-top:1px solid #e2ecf3 !important;
}
#faq .faq_centered_accordion .accordion-collapse.show .accordion-body::before{
  content:"الإجابة";
  display:inline-flex;
  align-items:center;
  margin:0 0 11px;
  padding:5px 9px;
  border-radius:999px;
  background:#eaf8f0;
  color:#087b48;
  font-size:11px;
  font-weight:900;
  letter-spacing:.04em;
}
#faq .faq_centered_accordion .accordion-body p{
  margin:0 !important;
  padding-top:0 !important;
  line-height:2.05 !important;
}
@media(max-width:767px){
  .ai48_speed_lane{padding:14px 14px 15px;border-radius:18px;}
  .ai48_lane_head{gap:8px;margin-bottom:11px;}
  .ai48_lane_head strong{font-size:16px;flex-basis:100%;}
  .ai48_lane_head small{font-size:12px;}
  .ai48_lane_track{height:58px;}
  .ai48_lane_node{min-width:36px;height:27px;padding:0 6px;font-size:9px;}
  .ai48_node_idea{right:4%;}.ai48_node_ai{right:30%;}.ai48_node_qc{right:56%;}.ai48_node_live{right:80%;}
  .ai48_packet{width:52px;height:8px;}
  #faq .faq_centered_accordion .accordion-collapse.show .accordion-body{padding-top:16px !important;padding-bottom:22px !important;}
}
@media(prefers-reduced-motion:reduce){
  .ai48_speed_lane::before,.ai48_lane_live i,.ai48_packet,.ai48_lane_glow,.ai42_run::after,.ai42_stage.is-active .ai42_stage_icon{animation:none !important;}
}
