.elementor-20 .elementor-element.elementor-element-31f778a{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-20 .elementor-element.elementor-element-cffa67f .elementor-button{background-color:#0B0B10;font-family:"Plus Jakarta Sans", Sans-serif;font-size:17px;font-weight:700;fill:#FFFFFF;color:#FFFFFF;box-shadow:0px 12px 26px 0px rgba(0, 0, 0, 0.3);}.elementor-20 .elementor-element.elementor-element-cffa67f{padding:9px 24px 9px 9px;}.elementor-20 .elementor-element.elementor-element-cffa67f .elementor-button-content-wrapper{flex-direction:row;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-20 .elementor-element.elementor-element-3acdfef .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:300;line-height:19.2px;letter-spacing:-0.32px;color:#000000;}.elementor-20 .elementor-element.elementor-element-1d936ec{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-f1c252b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--border-radius:999px 999px 999px 999px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:12px;--padding-right:22px;}.elementor-20 .elementor-element.elementor-element-f1c252b:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-f1c252b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#15181E;}.elementor-20 .elementor-element.elementor-element-021dd8e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-image .widget-image-caption{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-20 .elementor-element.elementor-element-1b9734e{--display:flex;--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;--align-items:flex-start;--gap:2px 2px;--row-gap:2px;--column-gap:2px;}.elementor-20 .elementor-element.elementor-element-d3dbe11{--e-rating-icon-font-size:16px;--e-rating-gap:3px;--e-rating-icon-marked-color:#F5A623;}.elementor-20 .elementor-element.elementor-element-aedd066 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:15px;font-weight:700;text-decoration:underline;color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-1e73f46{padding:0px 320px 0px 320px;text-align:center;}.elementor-20 .elementor-element.elementor-element-1e73f46 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:32px;font-weight:500;line-height:45px;color:#000000;}.elementor-20 .elementor-element.elementor-element-f9f3944{margin:-40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-96f0a3b{--display:flex;--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-20 .elementor-element.elementor-element-96f0a3b:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-96f0a3b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-20 .elementor-element.elementor-element-761a91e .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:44px;font-weight:700;color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-e874172{margin:8px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;}.elementor-20 .elementor-element.elementor-element-e874172 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:500;color:#9CA3AF;}.elementor-20 .elementor-element.elementor-element-cfa9341{--display:flex;}.elementor-20 .elementor-element.elementor-element-9552ab1{--display:flex;}.elementor-20 .elementor-element.elementor-element-dbe77f1{--display:flex;}.elementor-20 .elementor-element.elementor-element-3019d29{--display:flex;}.elementor-20 .elementor-element.elementor-element-7d80e2b{--display:flex;}.elementor-20 .elementor-element.elementor-element-2f56305{--n-accordion-title-font-size:17px;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:#FFFFFF;--n-accordion-title-hover-color:#FFFFFF;--n-accordion-title-active-color:#FFFFFF;--n-accordion-icon-size:15px;}:where( .elementor-20 .elementor-element.elementor-element-2f56305 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Outfit", Sans-serif;font-weight:700;}/* Start custom CSS for button, class: .elementor-element-cffa67f *//* ================= PILL SHAPE (force it) ================= */
.elementor-20 .elementor-element.elementor-element-cffa67f .elementor-button{
  border-radius:999px !important;
  background:#0B0B10 !important;
  padding:9px 24px 9px 9px !important;
  overflow:hidden;
  transition:transform .25s ease, box-shadow .25s ease !important;
  box-shadow:0 12px 26px rgba(0,0,0,.30) !important;
}
.elementor-20 .elementor-element.elementor-element-cffa67f .elementor-button:hover{
  transform:translateY(-1px);
  box-shadow:0 16px 32px rgba(0,0,0,.38) !important;
}

/* ================= INNER ROW (no gap — margins instead) ================= */
.elementor-20 .elementor-element.elementor-element-cffa67f .elementor-button-content-wrapper{
  display:flex !important;
  align-items:center !important;
  gap:0 !important;
}

/* ================= AVATAR A — perfect circle, always visible ================= */
.elementor-20 .elementor-element.elementor-element-cffa67f .elementor-button-icon{
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  aspect-ratio:1/1;
  box-sizing:border-box;
  border-radius:50% !important;
  overflow:hidden;
  background:url('https://madmarketing.site/wp-content/uploads/2026/07/Khan-Dilshad-Siraj-Profile-Picture.jpg') center/cover no-repeat;
  border:2px solid rgba(255,255,255,.18);
  order:3;
  flex-shrink:0;
  margin:0 9px 0 0 !important;   /* the only gap before the text */
}
.elementor-20 .elementor-element.elementor-element-cffa67f .elementor-button-icon i,
.elementor-20 .elementor-element.elementor-element-cffa67f .elementor-button-icon svg{display:none !important}

.elementor-20 .elementor-element.elementor-element-cffa67f .elementor-button-text{
  order:4;
  white-space:nowrap;
  line-height:1;
}

/* ================= AVATAR B — hidden at rest, zero footprint ================= */
.elementor-20 .elementor-element.elementor-element-cffa67f .elementor-button-content-wrapper::before{
  content:"";
  order:1;
  width:0;
  height:30px;
  min-width:0;
  box-sizing:border-box;
  border-radius:50%;
  background:url('https://madmarketing.site/wp-content/uploads/2026/07/Khan-Dilshad-Siraj-Profile-Picture.jpg') center/cover no-repeat;
  border:0 solid rgba(255,255,255,.18);   /* border grows in too */
  opacity:0;
  margin:0;                                /* NO space at rest */
  flex-shrink:0;
  transition:width .4s cubic-bezier(.4,0,.2,1),
             margin .4s cubic-bezier(.4,0,.2,1),
             border-width .4s cubic-bezier(.4,0,.2,1),
             opacity .3s ease;
}

/* ================= THE "+" — zero footprint at rest ================= */
.elementor-20 .elementor-element.elementor-element-cffa67f .elementor-button-content-wrapper::after{
  content:"+";
  order:2;
  color:#fff;
  font-size:16px;
  font-weight:700;
  line-height:1;
  max-width:0;
  opacity:0;
  overflow:hidden;
  margin:0;                                /* NO space at rest */
  transition:max-width .4s cubic-bezier(.4,0,.2,1),
             margin .4s cubic-bezier(.4,0,.2,1),
             opacity .3s ease .05s;
}

/* ================= HOVER: everything animates together ================= */
.elementor-20 .elementor-element.elementor-element-cffa67f .elementor-button:hover .elementor-button-content-wrapper::before{
  width:30px;
  border-width:2px;
  margin-right:9px;
  opacity:1;
}
.elementor-20 .elementor-element.elementor-element-cffa67f .elementor-button:hover .elementor-button-content-wrapper::after{
  max-width:14px;
  margin-right:9px;
  opacity:1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1c252b *//* ================= THE PILL — compact size ================= */
.elementor-20 .elementor-element.elementor-element-f1c252b{
  width:fit-content !important;
  margin-left:auto !important;
  margin-right:auto !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  gap:14px !important;
  background:#15181E !important;
  border-radius:999px !important;
  padding:8px 22px 8px 10px !important;   /* compact — was too tall */
}

/* ================= AVATARS — locked to 34px ================= */
.elementor-20 .elementor-element.elementor-element-f1c252b .ts-avs{
  display:flex !important;
  align-items:center !important;
  gap:0 !important;
  padding:0 !important;
}
.elementor-20 .elementor-element.elementor-element-f1c252b .ts-av{
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
  line-height:0;
}
.elementor-20 .elementor-element.elementor-element-f1c252b .ts-av img{
  width:34px !important;
  height:34px !important;
  max-width:34px !important;
  border-radius:50% !important;
  object-fit:cover !important;             /* crops any non-square photo */
  border:2px solid #15181E !important;     /* ring = pill bg, kills white wedges */
  background:#15181E;
  display:block !important;
  box-sizing:content-box !important;
}
.elementor-20 .elementor-element.elementor-element-f1c252b .ts-av + .ts-av{margin-left:-10px !important}
.elementor-20 .elementor-element.elementor-element-f1c252b .ts-avs .ts-av:nth-child(1){z-index:5;position:relative}
.elementor-20 .elementor-element.elementor-element-f1c252b .ts-avs .ts-av:nth-child(2){z-index:4;position:relative}
.elementor-20 .elementor-element.elementor-element-f1c252b .ts-avs .ts-av:nth-child(3){z-index:3;position:relative}
.elementor-20 .elementor-element.elementor-element-f1c252b .ts-avs .ts-av:nth-child(4){z-index:2;position:relative}
.elementor-20 .elementor-element.elementor-element-f1c252b .ts-avs .ts-av:nth-child(5){z-index:1;position:relative}

/* ================= STARS — compact ================= */
.elementor-20 .elementor-element.elementor-element-f1c252b .elementor-star-rating{
  font-size:14px !important;               /* star size */
  letter-spacing:2px;
}
.elementor-20 .elementor-element.elementor-element-f1c252b .elementor-star-rating i{color:#F5A623 !important}

/* ================= TEXT — force white, not amber ================= */
.elementor-20 .elementor-element.elementor-element-f1c252b h6,
.elementor-20 .elementor-element.elementor-element-f1c252b ./* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-2f56305 *//* ---------- each FAQ row = its own rounded dark card ---------- */
.elementor-20 .elementor-element.elementor-element-2f56305 .elementor-accordion-item,
.elementor-20 .elementor-element.elementor-element-2f56305 details{
  background:#101014 !important;
  background-image:radial-gradient(120% 160% at 85% 0%,
                   rgba(90,90,140,.14) 0%, rgba(16,16,20,0) 55%) !important;
  border:1px solid rgba(255,255,255,.05) !important;
  border-radius:18px !important;
  overflow:hidden;
  margin-bottom:20px !important;          /* gap between the pills */
}
.elementor-20 .elementor-element.elementor-element-2f56305 .elementor-accordion-item:last-child{margin-bottom:0 !important}

/* ---------- title row ---------- */
.elementor-20 .elementor-element.elementor-element-2f56305 .elementor-tab-title,
.elementor-20 .elementor-element.elementor-element-2f56305 summary{
  padding:26px 30px !important;
  border:none !important;
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  cursor:pointer;
}
.elementor-20 .elementor-element.elementor-element-2f56305 .elementor-tab-title a{
  color:#fff !important;
  font-weight:700 !important;
}

/* ---------- chevron: right side, rotates when open ---------- */
.elementor-20 .elementor-element.elementor-element-2f56305 .elementor-accordion-icon{
  color:#fff !important;
  font-size:14px;
  order:2;
  transition:transform .3s ease;
}
.elementor-20 .elementor-element.elementor-element-2f56305 .elementor-tab-title.elementor-active .elementor-accordion-icon,
.elementor-20 .elementor-element.elementor-element-2f56305 details[open] .elementor-accordion-icon{
  transform:rotate(180deg);
}
/* if Elementor renders two swap-icons, keep just one and rotate it */
.elementor-20 .elementor-element.elementor-element-2f56305 .elementor-accordion-icon-opened{display:none !important}
.elementor-20 .elementor-element.elementor-element-2f56305 .elementor-active .elementor-accordion-icon-closed{display:inline-block !important}

/* ---------- answer panel ---------- */
.elementor-20 .elementor-element.elementor-element-2f56305 .elementor-tab-content{
  background:transparent !important;
  border:none !important;
  padding:0 30px 26px 30px !important;
  color:#B7BEC9 !important;
  line-height:1.7;
}

/* ---------- hover ---------- */
.elementor-20 .elementor-element.elementor-element-2f56305 .elementor-accordion-item:hover,
.elementor-20 .elementor-element.elementor-element-2f56305 details:hover{
  border-color:rgba(255,255,255,.10) !important;
}/* End custom CSS */