.elementor-10 .elementor-element.elementor-element-5a28f46{--display:flex;--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;}.elementor-10 .elementor-element.elementor-element-b7cf23a{--display:flex;--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;}.elementor-10 .elementor-element.elementor-element-a22357c{--display:flex;--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;}.elementor-10 .elementor-element.elementor-element-0c45043{--display:flex;--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;}.elementor-10 .elementor-element.elementor-element-674d5d9{--display:flex;--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;}.elementor-10 .elementor-element.elementor-element-dd534a3{--display:flex;--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;}.elementor-10 .elementor-element.elementor-element-dd534a3:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-dd534a3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF5F5;}.elementor-10 .elementor-element.elementor-element-87c92d4{--display:flex;--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;}.elementor-10 .elementor-element.elementor-element-08e8146{--display:flex;--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;}.elementor-10 .elementor-element.elementor-element-08e8146:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-08e8146 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF5F5;}/* Start custom CSS for html, class: .elementor-element-f0f085a *//* --- Global Resets & Container --- */
#ehRoot,
#ehRoot *,
#ehRoot *::before,
#ehRoot *::after {
  box-sizing: border-box !important;
  -webkit-font-smoothing: antialiased !important;
}

#ehRoot ul,
#ehRoot ol {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

#ehRoot a {
  text-decoration: none !important;
}

#ehRoot h1,
#ehRoot h2,
#ehRoot p {
  margin: 0 !important;
  padding: 0 !important;
}

.ehW {
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}

/* --- Hero Section --- */
.ehHero {
  background: #fff !important;
  padding: 72px 0 0 !important;
  position: relative !important;
  overflow: hidden !important;
}

.ehHero::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background-image: radial-gradient(rgba(144, 25, 28, 0.055) 1.5px, transparent 1.5px) !important;
  background-size: 30px 30px !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

.ehBlob {
  position: absolute !important;
  border-radius: 50% !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

.ehBlob1 {
  width: 480px !important;
  height: 480px !important;
  top: -130px !important;
  right: -120px !important;
  background: radial-gradient(circle, rgba(201, 166, 86, 0.10) 0%, transparent 65%) !important;
}

.ehBlob2 {
  width: 300px !important;
  height: 300px !important;
  bottom: 40px !important;
  left: -80px !important;
  background: radial-gradient(circle, rgba(144, 25, 28, 0.07) 0%, transparent 65%) !important;
}

/* --- Grid Layout --- */
.ehMain {
  display: grid !important;
  grid-template-columns: 1fr 480px !important;
  gap: 56px !important;
  align-items: center !important;
  position: relative !important;
  z-index: 1 !important;
}

/* --- Badge Component --- */
.ehBadge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  background: #fdf0f0 !important;
  border: 1px solid #e8c5c6 !important;
  border-radius: 30px !important;
  padding: 6px 16px !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  color: #90191c !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  font-family: 'Poppins', sans-serif !important;
  margin-bottom: 20px !important;
}

.ehBadge i {
  color: #c9a656 !important;
  font-size: 10px !important;
}

/* --- Typography (H1 & H2) --- */
.ehH1 {
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(38px, 4.8vw, 60px) !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  letter-spacing: -1.5px !important;
  margin-bottom: 0 !important;
}

.ehH1 .hBk {
  color: #111 !important;
}

.ehH1 .hRd {
  color: #90191c !important;
  position: relative !important;
  display: inline-block !important;
}

.ehH1 .hRd::after {
  content: '' !important;
  position: absolute !important;
  bottom: 3px !important;
  left: 0 !important;
  width: 100% !important;
  height: 4px !important;
  background: linear-gradient(90deg, #90191c, #c9a656) !important;
  border-radius: 2px !important;
  animation: ehUL 0.8s 0.5s ease both !important;
}

.ehH1 .hGd {
  color: #c9a656 !important;
  display: block !important;
  margin-top: 4px !important;
}

.ehH2 {
  font-family: 'Poppins', sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 500 !important;
  color: #444 !important;
  line-height: 1.7 !important;
  border-left: 4px solid #c9a656 !important;
  padding-top: 20px;
  padding-left: 20px !important;
  background: linear-gradient(90deg, rgba(201, 166, 86, 0.07), transparent 80%) !important;
  border-radius: 0 6px 6px 0 !important;
  
}

/* --- Accent Line --- */
.ehAL {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 18px 0 !important;
}

.ehAL em:nth-child(1) {
  display: block !important;
  width: 44px !important;
  height: 3px !important;
  background: #90191c !important;
  border-radius: 2px !important;
  font-style: normal !important;
}

.ehAL em:nth-child(2) {
  display: block !important;
  width: 12px !important;
  height: 3px !important;
  background: #c9a656 !important;
  border-radius: 2px !important;
  font-style: normal !important;
}

.ehAL em:nth-child(3) {
  display: block !important;
  flex: 1 !important;
  height: 1px !important;
  background: #eedede !important;
  font-style: normal !important;
}

/* --- Body Text --- */
.ehBody {
  font-family: 'Poppins', sans-serif !important;
  font-size: 15px !important;
  color: #555 !important;
  line-height: 1.8 !important;
  margin-bottom: 30px !important;
}

.ehBody strong {
  color: #90191c !important;
  font-weight: 600 !important;
}

/* --- Buttons --- */
.ehBtns {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  margin-bottom: 28px !important;
}

.ehBP {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: #90191c !important;
  color: #fff !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 13px 28px !important;
  border-radius: 6px !important;
  box-shadow: 0 6px 20px rgba(144, 25, 28, 0.28) !important;
  transition: all 0.22s !important;
  border: 2px solid #90191c !important;
  white-space: nowrap !important;
}

.ehBP:hover {
  background: #720f12 !important;
  border-color: #720f12 !important;
  color: #fff !important;
  transform: translateY(-2px) !important;
}

.ehBW {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: transparent !important;
  color: #25D366 !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 11px 26px !important;
  border-radius: 6px !important;
  border: 2px solid #25D366 !important;
  transition: all 0.22s !important;
  white-space: nowrap !important;
}

.ehBW i {
  font-size: 16px !important;
}

.ehBW:hover {
  background: #25D366 !important;
  color: #fff !important;
  transform: translateY(-2px) !important;
}

/* --- Trust Bar --- */
.ehTrust {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  flex-wrap: wrap !important;
}

.ehTI {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 12.5px !important;
  color: #555 !important;
  font-family: 'Poppins', sans-serif !important;
  padding: 0 14px 0 0 !important;
}

.ehTI:not(:first-child) {
  padding-left: 14px !important;
  border-left: 1px solid #ddd !important;
}

.ehTI i {
  color: #c9a656 !important;
  font-size: 11px !important;
}

.ehTI strong {
  color: #111 !important;
  font-weight: 600 !important;
}

/* --- Right Side: Image & Stats --- */
.ehRight {
  position: relative !important;
  z-index: 1 !important;
}

.ehImgBox {
  position: relative !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.13) !important;
}

.ehImgBox::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, transparent 40%, rgba(10, 0, 0, 0.55) 100%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

.ehImgBox::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 80px !important;
  height: 4px !important;
  background: linear-gradient(90deg, #90191c, #c9a656) !important;
  z-index: 2 !important;
}

.ehImgBox img {
  width: 100% !important;
  height: 460px !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.6s ease !important;
}

.ehImgBox:hover img {
  transform: scale(1.03) !important;
}

.ehImgBadge {
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
  z-index: 3 !important;
  background: #fff !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
  text-align: center !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12) !important;
  border-top: 3px solid #c9a656 !important;
}

.ehImgBadge strong {
  display: block !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  color: #90191c !important;
  line-height: 1 !important;
}

.ehImgBadge span {
  display: block !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 10.5px !important;
  color: #666 !important;
  font-weight: 500 !important;
  margin-top: 3px !important;
  white-space: nowrap !important;
}

/* --- Stats Overlay --- */
.ehImgStats {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  padding: 20px !important;
  gap: 2px !important;
}

.ehIStat {
  text-align: center !important;
  padding: 12px 8px !important;
  background: rgba(255, 255, 255, 0.12) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border-radius: 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.ehIStat strong {
  display: block !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #fff !important;
  line-height: 1 !important;
}

.ehIStat span {
  display: block !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 11px !important;
  color: rgba(255, 255, 255, 0.80) !important;
  margin-top: 3px !important;
}

.ehIStat:nth-child(2) strong {
  color: #c9a656 !important;
}

/* --- Features Strip --- */
.ehStrip {
  margin-top: 64px !important;
  border-top: 3px solid #c9a656 !important;
  background: #faf5f5 !important;
  position: relative !important;
  z-index: 1 !important;
}

.ehSG {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
}

.ehSI {
  padding: 28px 30px !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 16px !important;
  position: relative !important;
  transition: background 0.2s !important;
}

.ehSI:not(:last-child)::after {
  content: '' !important;
  position: absolute !important;
  right: 0 !important;
  top: 20% !important;
  bottom: 20% !important;
  width: 1px !important;
  background: #eedede !important;
}

.ehSI:hover {
  background: #fff !important;
}

.ehSIco {
  width: 46px !important;
  height: 46px !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 19px !important;
  flex-shrink: 0 !important;
  color: #fff !important;
}

.ic1 { background: linear-gradient(135deg, #90191c, #c0393c) !important; }
.ic2 { background: linear-gradient(135deg, #c9a656, #e0c070) !important; }
.ic3 { background: linear-gradient(135deg, #90191c, #c9a656) !important; }

.ehSI h4 {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  margin: 0 0 4px !important;
}

.ehSI p {
  font-family: 'Poppins', sans-serif !important;
  font-size: 12.5px !important;
  color: #666 !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

/* --- Animations --- */
.ehFU,
.ehFR {
  transition: opacity 0.7s ease, transform 0.7s ease !important;
}

.ehFU {
  opacity: 0 !important;
  transform: translateY(26px) !important;
}

.ehFR {
  opacity: 0 !important;
  transform: translateX(28px) !important;
}

.ehFU.on,
.ehFR.on {
  opacity: 1 !important;
  transform: none !important;
}

@keyframes ehUL {
  from {
    transform: scaleX(0);
    opacity: 0;
  }
  to {
    transform: scaleX(1);
    opacity: 1;
  }
}

/* --- Responsive Media Queries --- */
@media (max-width: 1024px) {
  .ehMain {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }
  .ehImgBox img {
    height: 380px !important;
  }
}

@media (max-width: 640px) {
  .ehHero {
    padding: 48px 0 0 !important;
  }
  .ehH1 {
    font-size: clamp(32px, 9vw, 44px) !important;
    letter-spacing: -1px !important;
  }
  .ehBtns {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .ehBP,
  .ehBW {
    justify-content: center !important;
  }
  .ehSG {
    grid-template-columns: 1fr !important;
  }
  .ehSI::after {
    display: none !important;
  }
  .ehImgBox img {
    height: 280px !important;
  }
  .ehImgStats {
    padding: 12px !important;
  }
  .ehIStat strong {
    font-size: 18px !important;
  }
  .ehStrip {
    margin-top: 40px !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5f7db08 */#abRoot {
    font-family: 'Poppins', sans-serif;
    background: #fff;
}
#abRoot *, #abRoot *::before, #abRoot *::after {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
}
#abRoot ul, #abRoot ol { list-style: none; margin: 0; padding: 0; }
#abRoot a { text-decoration: none; }
#abRoot h2, #abRoot h3, #abRoot p { margin: 0; padding: 0; }

/* Wrapper */
.abW {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 24px;
}

/* Section */
.abSec {
    background: #fff;
    padding: 80px 0;
    position: relative;
    overflow: hidden;
}
.abSec::before {
    content: '';
    position: absolute;
    top: -80px;
    right: -100px;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(201,166,86,0.08) 0%, transparent 65%);
    pointer-events: none;
}

/* Grid */
.abGrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: center;
}

/* ---- LEFT: Image ---- */
.abImgWrap {
    position: relative;
}
.abImgWrap::before {
    content: '';
    position: absolute;
    top: 20px;
    left: -18px;
    right: 18px;
    bottom: -18px;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(201,166,86,0.15), rgba(144,25,28,0.07));
    z-index: 0;
}
.abImgBox {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 16px 50px rgba(0,0,0,0.12);
    z-index: 1;
}
.abImgBox::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 4px;
    background: linear-gradient(90deg, #90191c, #c9a656);
    z-index: 2;
}
.abImgBox::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 50%, rgba(10,0,0,0.50) 100%);
    pointer-events: none;
    z-index: 1;
}
.abImgBox img {
    width: 100%;
    height: 520px;
    object-fit: cover;
    display: block;
    transition: transform 0.6s ease;
}
.abImgBox:hover img { transform: scale(1.03); }

.abImgCaption {
    position: absolute;
    bottom: 18px;
    left: 18px;
    right: 18px;
    z-index: 3;
    background: rgba(255,255,255,0.13);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.22);
    border-radius: 10px;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 12px;
}
.abCapIco {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    background: linear-gradient(135deg, #90191c, #c9a656);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 15px;
    flex-shrink: 0;
}
.abCapTxt strong {
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
}
.abCapTxt span {
    font-size: 11.5px;
    color: rgba(255,255,255,0.78);
}

/* ---- RIGHT: Content ---- */
.abRight {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.abTag {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: #fdf0f0;
    border: 1px solid #e8c5c6;
    border-radius: 30px;
    padding: 5px 14px;
    font-size: 11.5px;
    font-weight: 600;
    color: #90191c;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    margin-bottom: 16px;
    width: fit-content;
}
.abTag i { color: #c9a656; font-size: 10px; }

.abH2 {
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(22px, 2.6vw, 30px);
    font-weight: 800;
    color: #111;
    line-height: 1.25;
    letter-spacing: -0.4px;
    margin-bottom: 16px !important;
}
.abH2 span { color: #90191c; }

.abLead {
    font-size: 14.5px;
    color: #444;
    line-height: 1.75;
    border-left: 4px solid #c9a656;
    padding: 6px 0 6px 14px !important;
    background: linear-gradient(90deg, rgba(201,166,86,0.07), transparent 80%);
    border-radius: 0 6px 6px 0;
    margin-bottom: 16px;
}

.abIntro {
    font-size: 14px;
    color: #555;
    line-height: 1.7;
    margin-bottom: 14px;
    padding-bottom: 20px !important;
    padding-top: 20px !important;
}

/* Accordion */
.abPoints {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 20px;
}

.abPoint {
    border: 1px solid #f0e4e4;
    border-radius: 10px;
    overflow: hidden;
    transition: box-shadow 0.2s;
}
.abPoint:hover { box-shadow: 0 4px 16px rgba(144,25,28,0.08); }

.abPHead {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    cursor: pointer;
    background: #fff;
    transition: background 0.2s;
    user-select: none;
}
.abPHead:hover { background: #fdf8f8; }
.abPoint.open .abPHead {
    background: #fdf8f8;
    border-bottom: 1px solid #f0e4e4;
}

.abPNum {
    width: 30px;
    height: 30px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 800;
    color: #fff;
    flex-shrink: 0;
}
.n1 { background: linear-gradient(135deg, #90191c, #c0393c); }
.n2 { background: linear-gradient(135deg, #c9a656, #e0c070); }
.n3 { background: linear-gradient(135deg, #90191c, #c9a656); }

.abPTitle {
    font-family: 'Montserrat', sans-serif;
    font-size: 13.5px;
    font-weight: 700;
    color: #1a1a1a;
    flex: 1;
}
.abPArrow {
    color: #c9a656;
    font-size: 11px;
    transition: transform 0.25s;
    flex-shrink: 0;
}
.abPoint.open .abPArrow { transform: rotate(180deg); }

.abPBody {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
}
.abPoint.open .abPBody { max-height: 300px; }
.abPBody p {
    font-size: 13.5px;
    color: #555;
    line-height: 1.78;
    padding: 12px 16px 14px 58px !important;
}

/* Closing line */
.abClose {
    font-size: 14px;
    color: #1a1a1a;
    font-weight: 500;
    font-style: italic;
    padding: 12px 16px !important;
    border-left: 4px solid #90191c;
    background: #fdf0f0;
    border-radius: 0 8px 8px 0;
    margin-bottom: 20px !important;
    line-height: 1.6;
}
.abClose strong { color: #90191c; font-style: normal; }

/* CTA */
.abCta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #90191c;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 12px 26px !important;
    border-radius: 6px;
    box-shadow: 0 6px 18px rgba(144,25,28,0.25);
    transition: all 0.22s;
    width: fit-content;
}
.abCta:hover { background: #720f12; color: #fff; transform: translateY(-2px); }
.abCta i { font-size: 12px; transition: transform 0.2s; }
.abCta:hover i { transform: translateX(4px); }

/* Animate */
.abFL, .abFR {
    transition: opacity 0.7s ease, transform 0.7s ease;
}
.abFL { opacity: 0; transform: translateX(-26px); }
.abFR { opacity: 0; transform: translateX(26px); }
.abFL.on, .abFR.on { opacity: 1; transform: none; }

/* Responsive */
@media (max-width: 900px) {
    .abGrid { grid-template-columns: 1fr; gap: 40px; }
    .abImgWrap::before { display: none; }
    .abImgBox img { height: 360px; }
}
@media (max-width: 540px) {
    .abSec { padding: 52px 0; }
    .abImgBox img { height: 240px; }
    .abImgCaption { display: none; }
    .abPBody p { padding-left: 16px; }
    .abH2 { font-size: 22px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2566ca0 */#svRoot {
    font-family: 'Poppins', sans-serif;
    background: #faf5f5;
}
#svRoot *, #svRoot *::before, #svRoot *::after {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
}
#svRoot h2, #svRoot h3, #svRoot p { margin: 0; padding: 0; }
#svRoot a { text-decoration: none; }

.svW {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 24px;
}

/* Section */
.svSec {
    background: #faf5f5;
    padding: 80px 0;
}

/* Section header */
.svHead {
    text-align: center;
    margin-bottom: 48px;
}
.svLabel {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #fdf0f0;
    border: 1px solid #e8c5c6;
    border-radius: 30px;
    padding: 5px 14px;
    font-size: 11.5px;
    font-weight: 600;
    color: #90191c;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.svLabel i { color: #c9a656; font-size: 10px; }

.svH2 {
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(26px, 3vw, 38px);
    font-weight: 800;
    color: #111;
    letter-spacing: -0.5px;
    margin-bottom: 14px;
}
.svH2 span { color: #90191c; }

/* Decorative line under H2 */
.svHeadLine {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.svHeadLine em {
    display: block;
    height: 3px;
    border-radius: 2px;
    font-style: normal;
}
.svHeadLine em:nth-child(1) { width: 44px; background: #90191c; }
.svHeadLine em:nth-child(2) { width: 12px; background: #c9a656; }
.svHeadLine em:nth-child(3) { width: 44px; background: #90191c; }

/* Cards grid — 4 columns */
.svGrid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
}

/* Card */
.svCard {
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 4px 18px rgba(0,0,0,0.07);
    border: 1px solid #f0e8e8;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    display: flex;
    flex-direction: column;
}
.svCard:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 36px rgba(0,0,0,0.11);
}

/* Card image */
.svCardImg {
    position: relative;
    height: 185px;
    overflow: hidden;
    flex-shrink: 0;
}
.svCardImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}
.svCard:hover .svCardImg img { transform: scale(1.06); }

/* Gradient overlay on image */
.svCardImg::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 30%, rgba(10,0,0,0.48) 100%);
    pointer-events: none;
}

/* Image fallback gradient — shows when no image */
.svCardImg.fb1 { background: linear-gradient(135deg, #90191c 0%, #c0393c 100%); }
.svCardImg.fb2 { background: linear-gradient(135deg, #c9a656 0%, #e0c070 100%); }
.svCardImg.fb3 { background: linear-gradient(135deg, #90191c 0%, #c9a656 100%); }
.svCardImg.fb4 { background: linear-gradient(135deg, #5a0f10 0%, #90191c 100%); }

/* Icon pinned bottom-right of image */
.svCardIco {
    position: absolute;
    bottom: 14px;
    right: 14px;
    z-index: 2;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: rgba(255,255,255,0.18);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border: 1px solid rgba(255,255,255,0.28);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
}

/* Number badge top-left */
.svCardNum {
    position: absolute;
    top: 14px;
    left: 14px;
    z-index: 2;
    background: #90191c;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    font-weight: 800;
    padding: 3px 9px;
    border-radius: 20px;
    letter-spacing: 0.5px;
}
.svCard:nth-child(even) .svCardNum { background: #c9a656; }

/* Card content */
.svCardBody {
    padding: 18px 18px 20px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.svCardH3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #111;
    line-height: 1.35;
    margin-bottom: 8px;
}

.svCardText {
    font-size: 13px;
    color: #666;
    line-height: 1.7;
    margin-bottom: 16px;
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.svCardLink {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: #90191c;
    transition: gap 0.2s;
}
.svCardLink i {
    font-size: 11px;
    transition: transform 0.2s;
}
.svCard:hover .svCardLink { gap: 8px; }
.svCard:hover .svCardLink i { transform: translateX(2px); }

/* Bottom CTA */
.svBottom {
    text-align: center;
    margin-top: 44px;
}
.svBtnAll {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #90191c;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 13px 30px;
    border-radius: 6px;
    box-shadow: 0 6px 18px rgba(144,25,28,0.25);
    transition: all 0.22s;
}
.svBtnAll:hover { background: #720f12; color: #fff; transform: translateY(-2px); }
.svBtnAll i { font-size: 12px; }

/* Animate */
.svFU {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}
.svFU.on { opacity: 1; transform: none; }

/* Responsive */
@media (max-width: 1100px) {
    .svGrid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
    .svGrid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
    .svSec { padding: 60px 0; }
    .svHead { margin-bottom: 36px; }
}
@media (max-width: 480px) {
    .svGrid { grid-template-columns: 1fr; }
    .svCardImg { height: 200px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f8745c */#hwRoot {
    font-family: 'Poppins', sans-serif;
    background: #fff;
}
#hwRoot *, #hwRoot *::before, #hwRoot *::after {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
}
#hwRoot h2, #hwRoot h3, #hwRoot p { margin: 0; padding: 0; }
#hwRoot a { text-decoration: none; }

.hwW {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 24px;
}

/* Section */
.hwSec {
    background: #fff;
    padding: 80px 0 88px;
    overflow: hidden;
}

/* Section Header */
.hwHead {
    text-align: center;
    margin-bottom: 56px;
}
.hwLabel {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: #fdf0f0;
    border: 1px solid #e8c5c6;
    border-radius: 30px;
    padding: 5px 14px;
    font-size: 11.5px;
    font-weight: 600;
    color: #90191c;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.hwLabel i { color: #c9a656; font-size: 10px; }

.hwH2 {
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(22px, 2.8vw, 34px);
    font-weight: 800;
    color: #111;
    line-height: 1.25;
    letter-spacing: -0.5px;
    margin-bottom: 14px;
}
.hwH2 span { color: #90191c; }

.hwHeadLine {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.hwHeadLine em {
    display: block;
    height: 3px;
    border-radius: 2px;
    font-style: normal;
}
.hwHeadLine em:nth-child(1) { width: 44px; background: #90191c; }
.hwHeadLine em:nth-child(2) { width: 12px; background: #c9a656; }
.hwHeadLine em:nth-child(3) { width: 44px; background: #90191c; }

/* ============================================================
   TIMELINE
   ============================================================ */
.hwTimeline {
    position: relative;
    max-width: 1060px;
    margin: 0 auto;
}

/* Vertical centre line */
.hwTimeline::before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 28px;
    bottom: 120px;
    width: 2px;
    background: linear-gradient(to bottom, #90191c 0%, #c9a656 50%, #90191c 100%);
    z-index: 0;
}

/* Phase label */
.hwPhase {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 8px 0 8px;
    position: relative;
    z-index: 1;
}
.hwPhase::before,
.hwPhase::after {
    content: '';
    flex: 1;
    height: 1px;
    background: #eedede;
}
.hwPhase span {
    background: #fff;
    border: 1px solid #eedede;
    border-radius: 20px;
    padding: 4px 14px;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    white-space: nowrap;
}
.hwPhase.ph1 span { color: #90191c; border-color: #e8c5c6; background: #fdf0f0; }
.hwPhase.ph2 span { color: #c9a656; border-color: #e8d8a0; background: #fdf8ee; }
.hwPhase.ph3 span { color: #90191c; border-color: #e8c5c6; background: #fdf0f0; }

/* Step row */
.hwStep {
    display: grid;
    grid-template-columns: 1fr 56px 1fr;
    gap: 0 24px;
    align-items: flex-start;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

/* Dot (center column) */
.hwDot {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    color: #fff;
    flex-shrink: 0;
    position: relative;
    z-index: 2;
    box-shadow: 0 4px 14px rgba(0,0,0,0.15);
}
.hwDot .dotN {
    font-size: 15px;
    line-height: 1;
}
.hwDot .dotI {
    font-size: 11px;
    opacity: 0.85;
    margin-top: 2px;
}

/* Alternating dot colours */
.hwStep:nth-child(odd)  .hwDot { background: linear-gradient(135deg, #90191c, #c0393c); }
.hwStep:nth-child(even) .hwDot { background: linear-gradient(135deg, #b88b2a, #c9a656); }

/* Card */
.hwCard {
    background: #fff;
    border: 1px solid #f0e4e4;
    border-radius: 12px;
    padding: 18px 20px 20px;
    box-shadow: 0 4px 18px rgba(0,0,0,0.06);
    transition: box-shadow 0.22s, transform 0.22s;
    position: relative;
}
.hwCard:hover {
    box-shadow: 0 8px 28px rgba(0,0,0,0.10);
    transform: translateY(-2px);
}

/* Left-side card: right-aligned connector */
.hwL .hwCard {
    border-left: 4px solid #90191c;
}
.hwL .hwCard::after {
    content: '';
    position: absolute;
    right: -9px;
    top: 22px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 9px solid #f0e4e4;
}
.hwL .hwCard::before {
    content: '';
    position: absolute;
    right: -7px;
    top: 23px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 8px solid #fff;
    z-index: 1;
}

/* Right-side card: left-aligned connector */
.hwR .hwCard {
    border-right: 4px solid #c9a656;
}
.hwR .hwCard::after {
    content: '';
    position: absolute;
    left: -9px;
    top: 22px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 9px solid #f0e4e4;
}
.hwR .hwCard::before {
    content: '';
    position: absolute;
    left: -7px;
    top: 23px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 8px solid #fff;
    z-index: 1;
}

/* Card header row */
.hwCardTop {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}
.hwCardIco {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: #fff;
    flex-shrink: 0;
}
.ico-red  { background: linear-gradient(135deg, #90191c, #c0393c); }
.ico-gold { background: linear-gradient(135deg, #b88b2a, #c9a656); }

.hwCardH3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #111;
    line-height: 1.3;
}

.hwCardText {
    font-size: 13px;
    color: #555;
    line-height: 1.75;
}

/* Highlight items inside card */
.hwHighlights {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.hwHL {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    font-size: 12.5px;
    color: #444;
    line-height: 1.5;
}
.hwHL i {
    color: #c9a656;
    font-size: 10px;
    margin-top: 4px;
    flex-shrink: 0;
}

/* Empty placeholder column */
.hwEmpty { /* intentionally blank */ }

/* ============================================================
   STEP 9 — FINAL SUNDAY CARD
   ============================================================ */
.hwFinalWrap {
    position: relative;
    z-index: 1;
    margin-top: 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.hwFinalDot {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: linear-gradient(135deg, #90191c, #c9a656);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    box-shadow: 0 6px 20px rgba(144,25,28,0.30);
    position: relative;
}
.hwFinalDot::before {
    content: '';
    position: absolute;
    inset: -5px;
    border-radius: 50%;
    border: 2px dashed rgba(201,166,86,0.5);
    animation: hwSpin 8s linear infinite;
}
@keyframes hwSpin {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}
.hwFinalDot .dotN { font-size: 16px; line-height: 1; }
.hwFinalDot .dotI { font-size: 11px; opacity: 0.85; margin-top: 2px; }

.hwFinalCard {
    width: 100%;
    background: linear-gradient(135deg, #fdf8ee 0%, #fdf0f0 60%, #fdf8ee 100%);
    border: 1px solid #eedede;
    border-top: 4px solid #c9a656;
    border-radius: 16px;
    padding: 32px 36px;
    text-align: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(144,25,28,0.10);
}
.hwFinalCard::before {
    content: '';
    position: absolute;
    right: -60px;
    top: -60px;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: rgba(201,166,86,0.08);
    pointer-events: none;
}
.hwFinalCard::after {
    content: '';
    position: absolute;
    left: -40px;
    bottom: -40px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: rgba(144,25,28,0.05);
    pointer-events: none;
}
.hwFinalTag {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #c9a656;
    margin-bottom: 10px;
}
.hwFinalTag i { font-size: 12px; }

.hwFinalTitle {
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(20px, 2.5vw, 28px);
    font-weight: 800;
    color: #111;
    line-height: 1.2;
    margin-bottom: 10px;
}

.hwFinalTitle span { color: #90191c; }

.hwFinalText {
    font-size: 15px;
    color: #555;
    line-height: 1.7;
    max-width: 560px;
    margin: 0 auto 22px;

}

.hwFinalBtn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #90191c;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 12px 28px;
    border-radius: 6px;
    box-shadow: 0 6px 18px rgba(144,25,28,0.25);
    transition: all 0.22s;
}
.hwFinalBtn:hover { background: #720f12; color: #fff; transform: translateY(-2px); }

/* Animate */
.hwFU {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}
.hwFL {
    opacity: 0;
    transform: translateX(-20px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}
.hwFR {
    opacity: 0;
    transform: translateX(20px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}
.hwFU.on, .hwFL.on, .hwFR.on { opacity: 1; transform: none; }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 860px) {
    /* Move timeline line to left edge */
    .hwTimeline::before {
        left: 27px;
        transform: none;
    }

    /* Switch from grid to flex so order property works */
    .hwStep {
        display: flex;
        align-items: flex-start;
        gap: 16px;
    }

    /* Hide empty placeholders */
    .hwEmpty { display: none; }

    /* LEFT steps HTML order: [card][dot][empty]
       Use order to put dot first on mobile */
    .hwL .hwDot  { order: 1; flex-shrink: 0; }
    .hwL .hwCard { order: 2; flex: 1; min-width: 0; }

    /* RIGHT steps HTML order: [empty][dot][card]
       Empty is hidden — dot then card is already correct */
    .hwR .hwDot  { flex-shrink: 0; }
    .hwR .hwCard { flex: 1; min-width: 0; }

    /* Uniform left border on all cards, hide right connectors */
    .hwL .hwCard {
        border-left: 4px solid #90191c;
    }
    .hwR .hwCard {
        border-right: 1px solid #f0e4e4;
        border-left: 4px solid #c9a656;
    }

    /* Hide triangle connectors — not needed in single-column layout */
    .hwCard::before, .hwCard::after { display: none; }

    /* Phase labels */
    .hwPhase { padding-left: 60px; }
    .hwPhase::before { display: none; }

    .hwFinalCard { padding: 24px 20px; }
    .hwFinalCard .hwFinalTitle { font-size: 20px; }
}

@media (max-width: 540px) {
    .hwSec { padding: 56px 0 64px; }
    .hwHead { margin-bottom: 40px; }
    .hwStep { gap: 12px; }
    .hwDot { width: 46px; height: 46px; flex-shrink: 0; }
    .hwDot .dotN { font-size: 13px; }
    .hwDot .dotI { font-size: 10px; }
    .hwTimeline::before { left: 23px; }
    .hwCard { padding: 14px 16px 16px; }
    .hwCardText { font-size: 13px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9376781 */#mpRoot {
    font-family: 'Poppins', sans-serif;
    background: #fff;
}
#mpRoot *, #mpRoot *::before, #mpRoot *::after {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
}
#mpRoot h2, #mpRoot h3, #mpRoot p { margin: 0; padding: 0; }
#mpRoot a { text-decoration: none; }

.mpW { max-width: 1240px; margin: 0 auto; padding: 0 24px; }

/* Section */
.mpSec {
    background: #fff;
    padding: 80px 0 88px;
    position: relative;
    overflow: hidden;
}
.mpSec::before {
    content: '';
    position: absolute;
    top: -100px; left: -100px;
    width: 360px; height: 360px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(201,166,86,0.07) 0%, transparent 65%);
    pointer-events: none;
}

/* Header */
.mpHead { text-align: center; margin-bottom: 52px; }
.mpLabel {
    display: inline-flex; align-items: center; gap: 7px;
    background: #fdf0f0; border: 1px solid #e8c5c6;
    border-radius: 30px; padding: 5px 14px;
    font-size: 11.5px; font-weight: 600; color: #90191c;
    letter-spacing: 0.8px; text-transform: uppercase; margin-bottom: 14px;
}
.mpLabel i { color: #c9a656; font-size: 10px; }
.mpH2 {
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(22px, 2.8vw, 34px);
    font-weight: 800; color: #111;
    line-height: 1.25; letter-spacing: -0.5px; margin-bottom: 12px !important;
}
.mpH2 span { color: #90191c; }
.mpSubtitle {
    font-size: 15px; color: #555; line-height: 1.7;
    max-width: 620px; margin: 0 auto 16px !important;
}
.mpHeadLine {
    display: flex; align-items: center; justify-content: center; gap: 8px;
}
.mpHeadLine em { display: block; height: 3px; border-radius: 2px; font-style: normal; }
.mpHeadLine em:nth-child(1) { width: 44px; background: #90191c; }
.mpHeadLine em:nth-child(2) { width: 12px; background: #c9a656; }
.mpHeadLine em:nth-child(3) { width: 44px; background: #90191c; }

/* Main grid */
.mpGrid {
    display: grid;
    grid-template-columns: 1fr 480px;
    gap: 48px;
    align-items: start;
}

/* ============================================================
   LEFT — EMIRATE ACCORDION
   ============================================================ */
.mpList { display: flex; flex-direction: column; gap: 8px; }

.mpItem {
    border-radius: 10px;
    border: 1px solid #f0e4e4;
    overflow: hidden;
    transition: box-shadow 0.22s;
}
.mpItem:hover { box-shadow: 0 4px 18px rgba(0,0,0,0.08); }
.mpItem.active { box-shadow: 0 6px 24px rgba(0,0,0,0.10); }

.mpItemHead {
    display: flex; align-items: center; gap: 12px;
    padding: 13px 16px; cursor: pointer;
    background: #fff; transition: background 0.2s;
    user-select: none;
}
.mpItemHead:hover { background: #fdf8f8; }
.mpItem.active .mpItemHead { background: #fdf8f8; border-bottom: 1px solid #f0e4e4; }

.mpEmDot {
    width: 12px; height: 12px; border-radius: 50%; flex-shrink: 0;
    box-shadow: 0 0 0 3px rgba(255,255,255,1), 0 0 0 4px currentColor;
}

.mpEmName {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px; font-weight: 700; color: #111; flex: 1;
}

.mpEmCount {
    font-size: 11px; color: #888; background: #f5f5f5;
    border-radius: 20px; padding: 2px 10px; font-weight: 500;
    flex-shrink: 0;
}
.mpItem.active .mpEmCount { background: #fdf0f0; color: #90191c; }

.mpChevron {
    color: #ccc; font-size: 11px; transition: transform 0.25s; flex-shrink: 0;
}
.mpItem.active .mpChevron { transform: rotate(180deg); color: #c9a656; }

.mpItemBody {
    max-height: 0; overflow: hidden;
    transition: max-height 0.35s ease, padding 0.25s;
}
.mpItem.active .mpItemBody { max-height: 300px; }

.mpItemBodyInner { padding: 12px 16px 16px; }

.mpTags {
    display: flex; flex-wrap: wrap; gap: 6px;
}
.mpTag {
    display: inline-flex; align-items: center; gap: 5px;
    font-size: 12px; color: #555;
    background: #f8f8f8; border: 1px solid #eee;
    border-radius: 20px; padding: 4px 10px;
    transition: all 0.18s;
}
.mpTag i { font-size: 9px; color: #c9a656; }
.mpTag:hover { background: #fdf0f0; border-color: #e8c5c6; color: #90191c; }

/* Cross-emirate box */
.mpCrossBox {
    margin-top: 4px;
    background: linear-gradient(135deg, #fdf0f0, #fdf8ee);
    border: 1px solid #eedede;
    border-left: 4px solid #90191c;
    border-radius: 0 10px 10px 0;
    padding: 14px 16px;
}
.mpCrossBox h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px; font-weight: 700; color: #90191c; margin-bottom: 6px;
}
.mpCrossBox p {
    font-size: 12.5px; color: #555; line-height: 1.65;
}

/* ============================================================
   RIGHT — UAE MAP SVG
   ============================================================ */
.mpMapWrap {
    position: sticky;
    top: 100px;
}
.mpMapCard {
    background: linear-gradient(145deg, #fdfaf8, #fdf5f5);
    border: 1px solid #eedede;
    border-radius: 16px;
    padding: 24px 20px 20px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0,0,0,0.07);
}
.mpMapCard::before {
    content: 'UAE';
    position: absolute;
    right: -10px; bottom: -20px;
    font-family: 'Montserrat', sans-serif;
    font-size: 110px; font-weight: 900;
    color: rgba(144,25,28,0.04);
    line-height: 1; pointer-events: none; user-select: none;
}
.mpMapTitle {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px; font-weight: 700; color: #888;
    letter-spacing: 2px; text-transform: uppercase;
    margin-bottom: 16px; display: flex; align-items: center; gap: 8px;
}
.mpMapTitle::after { content: ''; flex: 1; height: 1px; background: #eedede; }

/* SVG container */
.mpSvgWrap {
    width: 100%; position: relative;
}
.mpSvgWrap svg {
    width: 100%; height: auto; display: block;
}

/* UAE territory fill */
.mpUAEFill { fill: #fff5f5; stroke: #e8c5c6; stroke-width: 1.5; }
/* Emirate region subtle fills */
.mpRegDubai    { fill: rgba(144,25,28,0.08);  stroke: rgba(144,25,28,0.2);  stroke-width: 0.8; }
.mpRegAD       { fill: rgba(201,166,86,0.09); stroke: rgba(201,166,86,0.2); stroke-width: 0.8; }
.mpRegSharjah  { fill: rgba(26,107,170,0.07); stroke: rgba(26,107,170,0.2); stroke-width: 0.8; }
.mpRegAjman    { fill: rgba(45,158,95,0.09);  stroke: rgba(45,158,95,0.2);  stroke-width: 0.8; }
.mpRegUAQ      { fill: rgba(123,82,171,0.08); stroke: rgba(123,82,171,0.2); stroke-width: 0.8; }
.mpRegRAK      { fill: rgba(26,158,158,0.08); stroke: rgba(26,158,158,0.2); stroke-width: 0.8; }
.mpRegFuj      { fill: rgba(224,120,50,0.08); stroke: rgba(224,120,50,0.2); stroke-width: 0.8; }

/* Pin pulse rings */
.mpPinRing {
    fill: none; stroke-width: 1.5;
    animation: mpRing 2.2s ease-out infinite;
    transform-origin: center;
}
@keyframes mpRing {
    0%   { r: 6;  opacity: 0.8; }
    100% { r: 18; opacity: 0; }
}
/* Stagger animations per emirate */
.mpPin[data-em="abudhabi"] .mpPinRing  { animation-delay: 0s; }
.mpPin[data-em="dubai"]    .mpPinRing  { animation-delay: 0.3s; }
.mpPin[data-em="sharjah"]  .mpPinRing  { animation-delay: 0.6s; }
.mpPin[data-em="ajman"]    .mpPinRing  { animation-delay: 0.9s; }
.mpPin[data-em="uaq"]      .mpPinRing  { animation-delay: 1.2s; }
.mpPin[data-em="rak"]      .mpPinRing  { animation-delay: 1.5s; }
.mpPin[data-em="fujairah"] .mpPinRing  { animation-delay: 1.8s; }

/* Pin core */
.mpPinCore {
    cursor: pointer;
    transition: r 0.2s;
}
.mpPinCore:hover { r: 8; }
.mpPin.active .mpPinCore { r: 8; filter: drop-shadow(0 0 6px currentColor); }

/* Map labels */
.mpMapLabel {
    font-family: 'Montserrat', sans-serif;
    font-size: 9px; font-weight: 700; pointer-events: none;
    dominant-baseline: middle;
}

/* Map legend */
.mpLegend {
    display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px;
}
.mpLegItem {
    display: flex; align-items: center; gap: 5px;
    font-size: 11px; color: #555; cursor: pointer;
    padding: 4px 8px; border-radius: 20px; border: 1px solid transparent;
    transition: all 0.18s;
}
.mpLegItem:hover { background: #fdf8f8; border-color: #eedede; }
.mpLegItem.active { background: #fdf0f0; border-color: #e8c5c6; }
.mpLegDot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }

/* Animate */
.mpFU {
    opacity: 0; transform: translateY(20px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}
.mpFL {
    opacity: 0; transform: translateX(-20px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}
.mpFR {
    opacity: 0; transform: translateX(20px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}
.mpFU.on, .mpFL.on, .mpFR.on { opacity: 1; transform: none; }

/* Responsive */
@media (max-width: 1024px) {
    .mpGrid { grid-template-columns: 1fr; gap: 36px; }
    .mpMapWrap { position: static; }
}
@media (max-width: 540px) {
    .mpSec { padding: 52px 0 60px; }
    .mpHead { margin-bottom: 36px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4fbc0f3 */#prRoot {
    font-family: 'Poppins', sans-serif;
}
#prRoot *, #prRoot *::before, #prRoot *::after {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
}
#prRoot ul, #prRoot ol { list-style: none; margin: 0; padding: 0; }
#prRoot a { text-decoration: none; }
#prRoot h2, #prRoot h3, #prRoot p { margin: 0; padding: 0; }

.prW {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 24px !important;
}

.prSec { padding: 80px 0; }

/* ---- Section Header ---- */
.prHead {
    margin-bottom:44px!important; }

.prTag {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: #fdf0f0;
    border: 1px solid #e8c5c6;
    border-radius: 30px;
    padding: 5px 14px;
    font-size: 11.5px;
    font-weight: 600;
    color: #90191c;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.prTag i { color: #c9a656; font-size: 10px; }

.prH2 {
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(22px, 2.8vw, 32px);
    font-weight: 800;
    color: #111;
    line-height: 1.22;
    letter-spacing: -0.4px;
    margin-bottom: 14px !important;
}
.prH2 span { color: #90191c; }

.prIntro {
    font-size: 14.5px;
    color: #555;
    line-height: 1.78;
}

/* ---- Pricing Cards ---- */
.prCards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
    margin-bottom: 28px;
}

.prCard {
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.06);
    position: relative;
    display: flex;
    flex-direction: column;
    transition: transform 0.25s, box-shadow 0.25s;
}
.prCard:hover {
    transform: translateY(-5px);
    box-shadow: 0 14px 40px rgba(0,0,0,0.10);
}

.prBar { height: 5px; }
.bar-gold { background: linear-gradient(90deg, #c9a656, #e0c070); }
.bar-red  { background: linear-gradient(90deg, #90191c, #c0393c); }
.bar-dark { background: linear-gradient(90deg, #90191c, #c9a656); }

.prCardInner {
    padding: 24px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.prCardIco {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #fff;
    margin-bottom: 16px;
    flex-shrink: 0;
}
.ico-gold { background: linear-gradient(135deg, #c9a656, #e0c070); }
.ico-red  { background: linear-gradient(135deg, #90191c, #c0393c); }
.ico-dark { background: linear-gradient(135deg, #90191c, #c9a656); }

.prCardType {
    font-family: 'Montserrat', sans-serif;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #aaa;
    margin-bottom: 3px;
}

.prCardLabel {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 800;
    color: #111;
    margin-bottom: 14px;
}

.prCardPrice {
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    font-weight: 800;
    color: #90191c;
    line-height: 1.2;
    margin-bottom: 14px;
}
.prCardPrice small {
    font-size: 12.5px;
    font-weight: 500;
    color: #aaa;
    font-family: 'Poppins', sans-serif;
}

.prCardDiv {
    height: 1px;
    background: #f0e8e8;
    margin-bottom: 14px;
}

.prCardNote {
    font-size: 13.5px;
    color: #666;
    line-height: 1.68;
    flex: 1;
}

.prBadge {
    position: absolute;
    top: 14px;
    right: 14px;
    background: linear-gradient(135deg, #90191c, #c0393c);
    color: #fff;
    font-size: 9.5px;
    font-weight: 700;
    padding: 3px 9px;
    border-radius: 20px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

/* ---- Cost Drivers ---- */
.prDriversBox {
    background: #fff;
    border-radius: 14px;
    padding: 30px 32px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
    margin-bottom: 24px;
}

.prDHead {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;
}
.prDHead h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 800;
    color: #111;
}
.prDHead i { color: #c9a656; font-size: 16px; }

.prDGrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.prDItem {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    padding: 11px 14px;
    border-radius: 8px;
    background: #faf5f5;
    border: 1px solid #f0e4e4;
    transition: background 0.2s;
}
.prDItem:hover { background: #fdf0f0; }

.prDIco {
    width: 30px;
    height: 30px;
    border-radius: 7px;
    background: linear-gradient(135deg, #90191c, #c0393c);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 12px;
    flex-shrink: 0;
}
.prDItem:nth-child(even) .prDIco { background: linear-gradient(135deg, #c9a656, #e0c070); }

.prDText {
    font-size: 13px;
    color: #444;
    line-height: 1.62;
    padding-top: 2px;
}

/* ---- Closing ---- */
.prClose {
    background: #fff;
    border-radius: 12px;
    padding: 24px 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
    border-left: 5px solid #90191c;
}

.prCloseTxt {
    font-size: 14.5px;
    color: #1a1a1a;
    line-height: 1.65;
}
.prCloseTxt strong { color: #90191c; }

.prCloseCta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #90191c;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 13.5px;
    font-weight: 600;
    padding: 11px 22px;
    border-radius: 6px;
    white-space: nowrap;
    flex-shrink: 0;
    box-shadow: 0 6px 18px rgba(144,25,28,0.25);
    transition: background 0.22s, transform 0.22s;
}
.prCloseCta:hover { background: #720f12; color: #fff; transform: translateY(-2px); }
.prCloseCta i { font-size: 11px; transition: transform 0.2s; }
.prCloseCta:hover i { transform: translateX(4px); }

/* ---- Animation ---- */
.prAnim {
    opacity: 0;
    transform: translateY(22px);
    transition: opacity 0.65s ease, transform 0.65s ease;
}
.prAnim.on { opacity: 1; transform: none; }

/* ---- Responsive ---- */
@media (max-width: 860px) {
    .prCards { grid-template-columns: 1fr 1fr; }
    .prCard:nth-child(3) { grid-column: 1 / -1; }
}
@media (max-width: 600px) {
    .prSec { padding: 52px 0; }
    .prCards { grid-template-columns: 1fr; }
    .prCard:nth-child(3) { grid-column: auto; }
    .prDGrid { grid-template-columns: 1fr; }
    .prDriversBox { padding: 20px; }
    .prClose { flex-direction: column; align-items: flex-start; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2d5a179 */#wcRoot {
    font-family: 'Poppins', sans-serif;
    background: #fff;
}
#wcRoot *, #wcRoot *::before, #wcRoot *::after {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
}
#wcRoot ul, #wcRoot ol { list-style: none; margin: 0; padding: 0; }
#wcRoot a { text-decoration: none; }
#wcRoot h2, #wcRoot h3, #wcRoot p { margin: 0; padding: 0; }

.wcW {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 24px;
}

.wcSec { padding: 80px 0; }

/* ---- Section Header ---- */
.wcTag {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: #fdf0f0;
    border: 1px solid #e8c5c6;
    border-radius: 30px;
    padding: 5px 14px;
    font-size: 11.5px;
    font-weight: 600;
    color: #90191c;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.wcTag i { color: #c9a656; font-size: 10px; }

.wcH2 {
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(22px, 2.8vw, 32px);
    font-weight: 800;
    color: #111;
    line-height: 1.22;
    letter-spacing: -0.4px;
    margin-bottom: 44px !important;
}
.wcH2 span { color: #90191c; }

/* ---- Main Grid ---- */
.wcGrid {
    display: grid;
    grid-template-columns: 1fr 480px;
    gap: 56px;
    align-items: start;
}

/* ---- LEFT: Features ---- */
.wcFeatures {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.wcFeat {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 18px 20px;
    background: #faf5f5;
    border-radius: 12px;
    border: 1px solid #f0e4e4;
    transition: box-shadow 0.22s, background 0.22s;
}
.wcFeat:hover {
    background: #fdf0f0;
    box-shadow: 0 6px 22px rgba(144,25,28,0.08);
}

.wcFIco {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    color: #fff;
    flex-shrink: 0;
}
.fi1 { background: linear-gradient(135deg, #90191c, #c0393c); }
.fi2 { background: linear-gradient(135deg, #c9a656, #e0c070); }
.fi3 { background: linear-gradient(135deg, #1a6baa, #2e8fcb); }
.fi4 { background: linear-gradient(135deg, #90191c, #c9a656); }
.fi5 { background: linear-gradient(135deg, #2d9e5f, #3dbb74); }

.wcFText { flex: 1; }

.wcFTitle {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 800;
    color: #111;
    margin-bottom: 5px;
}

.wcFDesc {
    font-size: 13.5px;
    color: #666;
    line-height: 1.68;
}

/* ---- CTAs ---- */
.wcCtas {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 24px;
    flex-wrap: wrap;
}

.wcCtaPrimary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #90191c;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 13.5px;
    font-weight: 600;
    padding: 12px 24px;
    border-radius: 6px;
    box-shadow: 0 6px 18px rgba(144,25,28,0.25);
    transition: background 0.22s, transform 0.22s;
}
.wcCtaPrimary:hover { background: #720f12; color: #fff; transform: translateY(-2px); }
.wcCtaPrimary i { font-size: 11px; transition: transform 0.2s; }
.wcCtaPrimary:hover i { transform: translateX(4px); }

.wcCtaSecondary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #fff;
    color: #90191c;
    font-family: 'Poppins', sans-serif;
    font-size: 13.5px;
    font-weight: 600;
    padding: 11px 22px;
    border-radius: 6px;
    border: 2px solid #90191c;
    transition: all 0.22s;
}
.wcCtaSecondary:hover { background: #90191c; color: #fff; transform: translateY(-2px); }
.wcCtaSecondary i { font-size: 13px; }

/* ---- RIGHT: Image ---- */
.wcImgWrap { position: sticky; top: 100px; }

.wcImgBox {
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 16px 50px rgba(0,0,0,0.12);
}
.wcImgBox::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 4px;
    background: linear-gradient(90deg, #90191c, #c9a656);
    z-index: 2;
}
.wcImgBox::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 45%, rgba(10,0,0,0.55) 100%);
    pointer-events: none;
    z-index: 1;
}

.wcImgBox img {
    width: 100%;
    height: 540px;
    object-fit: cover;
    display: block;
    transition: transform 0.6s ease;
}
.wcImgBox:hover img { transform: scale(1.03); }

/* Placeholder fallback */
.wcImgFallback {
    width: 100%;
    height: 540px;
    background: linear-gradient(135deg, #fdf0f0 0%, #fff8ee 50%, #fdf0f0 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: #c9a656;
}
.wcImgFallback i { font-size: 52px; opacity: 0.4; }
.wcImgFallback span { font-size: 13px; color: #aaa; }

.wcImgCaption {
    position: absolute;
    bottom: 16px;
    left: 16px;
    right: 16px;
    z-index: 3;
    background: rgba(255,255,255,0.13);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.22);
    border-radius: 10px;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 12px;
}
.wcCapIco {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: linear-gradient(135deg, #90191c, #c9a656);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    flex-shrink: 0;
}
.wcCapTxt strong {
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-size: 12.5px;
    font-weight: 700;
    color: #fff;
}
.wcCapTxt span {
    font-size: 11px;
    color: rgba(255,255,255,0.75);
}

.wcBadge {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 3;
    background: linear-gradient(135deg, #c9a656, #e0c070);
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    font-weight: 800;
    padding: 6px 12px;
    border-radius: 20px;
    box-shadow: 0 4px 12px rgba(201,166,86,0.4);
}

/* ---- Animation ---- */
.wcAnimL {
    opacity: 0;
    transform: translateX(-24px);
    transition: opacity 0.65s ease, transform 0.65s ease;
}
.wcAnimR {
    opacity: 0;
    transform: translateX(24px);
    transition: opacity 0.65s ease, transform 0.65s ease;
}
.wcAnimL.on, .wcAnimR.on { opacity: 1; transform: none; }

/* ---- Responsive ---- */
@media (max-width: 960px) {
    .wcGrid { grid-template-columns: 1fr; gap: 40px; }
    .wcImgWrap { position: static; }
    .wcImgBox img, .wcImgFallback { height: 380px; }
}
@media (max-width: 540px) {
    .wcSec { padding: 52px 0; }
    .wcImgBox img, .wcImgFallback { height: 260px; }
    .wcImgCaption { display: none; }
    .wcCtas { flex-direction: column; align-items: stretch; }
    .wcCtaPrimary, .wcCtaSecondary { justify-content: center; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ae9c009 */#fqRoot {
    font-family: 'Poppins', sans-serif;
}
#fqRoot *, #fqRoot *::before, #fqRoot *::after {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
}
#fqRoot h2, #fqRoot h3, #fqRoot p { margin: 0; padding: 0; }
#fqRoot a { text-decoration: none; }

.fqW {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 24px;
}

.fqSec { padding: 80px 0; }

/* ---- Header ---- */
.fqTag {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: #fdf0f0;
    border: 1px solid #e8c5c6;
    border-radius: 30px;
    padding: 5px 14px;
    font-size: 11.5px;
    font-weight: 600;
    color: #90191c;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.fqTag i { color: #c9a656; font-size: 10px; }

.fqH2 {
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(20px, 2.6vw, 30px);
    font-weight: 800;
    color: #111;
    line-height: 1.22;
    letter-spacing: -0.4px;
    margin-bottom: 40px !important;
}
.fqH2 span { color: #90191c; }

/* ---- Two-column layout ---- */
.fqLayout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

/* ---- FAQ Item ---- */
.fqItem {
    background: #fff;
    border-radius: 12px;
    border: 1px solid #f0e4e4;
    overflow: hidden;
    transition: box-shadow 0.22s;
    align-self: start;
}
.fqItem:hover { box-shadow: 0 6px 24px rgba(144,25,28,0.08); }

.fqQ {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 20px;
    cursor: pointer;
    user-select: none;
    background: #fff;
    transition: background 0.2s;
}
.fqQ:hover { background: #fdf8f8; }
.fqItem.open .fqQ {
    background: #fdf8f8;
    border-bottom: 1px solid #f0e4e4;
}

.fqNum {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 800;
    color: #fff;
    flex-shrink: 0;
    background: linear-gradient(135deg, #90191c, #c0393c);
}
.fqItem:nth-child(even) .fqNum { background: linear-gradient(135deg, #c9a656, #e0c070); }

.fqQText {
    font-family: 'Montserrat', sans-serif;
    font-size: 13.5px;
    font-weight: 700;
    color: #1a1a1a;
    flex: 1;
    line-height: 1.4;
}

.fqArrow {
    color: #c9a656;
    font-size: 11px;
    transition: transform 0.25s;
    flex-shrink: 0;
}
.fqItem.open .fqArrow { transform: rotate(180deg); }

.fqA {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.38s ease;
}
.fqItem.open .fqA { max-height: 400px; }

.fqA p {
    font-size: 13.5px;
    color: #555;
    line-height: 1.78;
    padding: 14px 20px 18px 66px !important;
}

/* ---- Bottom CTA ---- */
.fqBottom {
    margin-top: 32px;
    background: #fff;
    border-radius: 12px;
    border-left: 5px solid #90191c;
    padding: 22px 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    box-shadow: 0 4px 18px rgba(0,0,0,0.05);
}
.fqBottomTxt {
    font-size: 14px;
    color: #333;
    line-height: 1.65;
}
.fqBottomTxt strong { color: #90191c; }

.fqBottomCta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #90191c;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 13.5px;
    font-weight: 600;
    padding: 11px 22px;
    border-radius: 6px;
    white-space: nowrap;
    flex-shrink: 0;
    box-shadow: 0 6px 18px rgba(144,25,28,0.25);
    transition: background 0.22s, transform 0.22s;
}
.fqBottomCta:hover { background: #720f12; color: #fff; transform: translateY(-2px); }
.fqBottomCta i { font-size: 11px; transition: transform 0.2s; }
.fqBottomCta:hover i { transform: translateX(4px); }

/* ---- Animation ---- */
.fqAnim {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}
.fqAnim.on { opacity: 1; transform: none; }

/* ---- Responsive ---- */
@media (max-width: 800px) {
    .fqLayout { grid-template-columns: 1fr; }
    .fqBottom { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 540px) {
    .fqSec { padding: 52px 0; }
    .fqA p { padding-left: 20px; }
}/* End custom CSS */