.elementor-10 .elementor-element.elementor-element-b44934f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-10 .elementor-element.elementor-element-b44934f:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-b44934f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bahriatownlocals.com/wp-content/uploads/2025/10/aa.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-10 .elementor-element.elementor-element-ee91500{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-10 .elementor-element.elementor-element-b769cc1{--display:flex;--margin-top:-25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-97f1233{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-f40f61c{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-0314f03{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-8cb24d2{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-847037e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-1883417{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}body.elementor-page-10{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-e507c13 *//* Base Colors */
:root{
    --btlk-dark: #0A2342;
    --btlk-black: #000000;
    --btlk-gold: #F4D35E;
    --btlk-white: #F7F7FF;
    --btlk-glass: rgba(255,255,255,0.05);
    --btlk-border: rgba(244,211,94,0.35);
}

/* Global Reset */
*{box-sizing:border-box}

html,body{
    margin:0;
    padding:0;
    font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Helvetica Neue',Arial,sans-serif;
    background:radial-gradient(1200px 800px at 20% 10%,var(--navy),var(--black) 65%);
    color:var(--btlk-white);
    min-height: 100vh;
}

/* Section Base */
.btlk-stats{
    position: relative; /* Needed for ::before */
    /* --- UPDATED BACKGROUND --- */
    /* Layer 1: Blue Glow (center) */
    /* Layer 2: Main Background Gradient */
    background: 
        radial-gradient(circle at 50% 50%, rgba(10, 35, 66, 0.35) 0%, transparent 65%), 
        linear-gradient(to bottom, #000000 0%, #061628 45%, var(--btlk-dark) 80%);
    /* --- END BACKGROUND UPDATE --- */
    padding: 90px 20px; /* Already has top padding */
    text-align: center;
    overflow: hidden;
}

/* Top Gold Glow Line */
.btlk-stats::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px; 
    background: linear-gradient(to right, transparent, var(--btlk-gold) 25%, var(--btlk-gold) 75%, transparent);
    box-shadow: 0 0 8px rgba(244, 211, 94, 0.4);
    z-index: 2; 
}

/* Overlay (Optional, but kept from original code for visual depth) */
.btlk-stats-overlay{
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 70% 30%, rgba(244,211,94,0.05), transparent 50%), /* Reduced gold overlay opacity */
                linear-gradient(to bottom, rgba(0,0,0,0.25), rgba(0,0,0,0.75)); /* Reduced dark overlay */
    pointer-events: none;
    z-index: 1; /* Below line and content */
}

/* Container */
.btlk-stats-container{
    position: relative;
    z-index: 2; /* Above overlay */
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    max-width: 900px;
    margin: 0 auto;
    flex-wrap: wrap;
}

/* Cards */
.btlk-stat-card{
    background: var(--btlk-glass);
    border: 1px solid rgba(255,255,255,0.14);
    border-radius: 16px;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    padding: 30px 40px;
    min-width: 220px;
    text-align: center;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, background .25s ease;
}
.btlk-stat-card:hover{
    transform: translateY(-6px);
    background: rgba(244, 211, 94, 0.08);
    border-color: var(--btlk-gold); 
    box-shadow: 0 0 25px rgba(244, 211, 94, 0.35);
}

.btlk-stat-card h2{
    font-size: 2.8rem;
    color: var(--btlk-gold);
    font-weight: 800;
    margin: 0 0 10px 0; 
    text-shadow: 0 0 18px rgba(244,211,94,0.45);
}

.btlk-stat-card p{
    font-size: 1rem;
    color: #dcdcdc;
    letter-spacing: 0.5px;
    margin: 0; 
}

/* Responsive */
@media (max-width: 768px){
    .btlk-stats-container{
        gap: 20px;
    }
    .btlk-stat-card{
        min-width: 180px;
        padding: 25px 30px;
    }
    .btlk-stat-card h2{
        font-size: 2.2rem;
    }
}
@media (max-width: 480px){
    .btlk-stat-card{
        width: 100%; 
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-97f1233 *//* Card */
.explore-card {
  background: var(--btlk-glass);
  border: 1px solid rgba(244, 211, 94, .15); 
  backdrop-filter: blur(10px); 
  padding: 30px;
  width: 330px;
  text-align: center;
  border-radius: 18px; 
  box-shadow: 0 10px 40px rgba(0, 0, 0, .35), 0 0 0 1px rgba(255, 255, 255, .03) inset; 
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  display: flex;
  flex-direction: column;
  min-height: 260px; /* Kept equal height */
}

.explore-card:hover {
  transform: translateY(-8px);
  border-color: var(--btlk-gold);
  box-shadow: 0 10px 40px rgba(0, 0, 0, .35), 
              0 0 0 1px rgba(255, 255, 255, .03) inset, 
              0 0 35px var(--btlk-gold); 
}

.explore-card h3 {
  font-size: 1.3rem;
  color: var(--btlk-gold);
  margin-bottom: 10px;
   transition: color 0.25s ease;
}
.explore-card:hover h3 {
    color: var(--btlk-white); 
}

.explore-card p {
  color: var(--btlk-muted-white);
  font-size: 1rem;
  margin-bottom: 20px; 
  line-height: 1.6;
  flex-grow: 1; 
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4770832 *//* Base Colors (Assume defined globally) */
:root {
    --navy: #0A2342;
    --black: #000000;
    --gold: #F4D35E;
    --white: #F7F7FF;
    --glass: rgba(255, 255, 255, 0.05);
    --btlk-border: rgba(244, 211, 94, 0.35); /* Assuming --btlk-gold is #F4D35E */
}

/* Section Base */
.btlk-stats {
    position: relative; /* Needed for ::before */
    /* --- UPDATED BACKGROUND --- */
    /* Layer 1: Central Blue Glow (Subtle) */
    /* Layer 2: Main Background Gradient (Navy to Black) */
    background:
        radial-gradient(circle at 50% 50%, rgba(10, 35, 66, 0.35) 0%, transparent 65%), /* Central Glow */
        linear-gradient(to bottom, var(--navy) 0%, var(--black) 100%); /* Navy fades to Black */
    /* --- END BACKGROUND UPDATE --- */
    padding: 90px 20px;
    text-align: center;
    overflow: hidden;
}

/* Top Gold Glow Line */
.btlk-stats::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(to right, transparent, var(--gold) 25%, var(--gold) 75%, transparent);
    box-shadow: 0 0 8px rgba(244, 211, 94, 0.4);
    z-index: 2;
}

/* Overlay (Optional - Reduced intensity) */
.btlk-stats-overlay {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 70% 30%, rgba(244, 211, 94, 0.05), transparent 50%),
                linear-gradient(to bottom, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.65)); /* Reduced opacity */
    pointer-events: none;
    z-index: 1; /* Below line and content */
}

/* Container */
.btlk-stats-container {
    position: relative;
    z-index: 2; /* Above overlay */
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    max-width: 900px;
    margin: 0 auto;
    flex-wrap: wrap;
}

/* Cards */
.btlk-stat-card {
    background: var(--glass);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 16px;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    padding: 30px 40px;
    min-width: 220px;
    text-align: center;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, background .25s ease;
}
.btlk-stat-card:hover {
    transform: translateY(-6px);
    background: rgba(244, 211, 94, 0.08);
    border-color: var(--gold); /* Use --gold here */
    box-shadow: 0 0 25px rgba(244, 211, 94, 0.35);
}

.btlk-stat-card h2 {
    font-size: 2.8rem;
    color: var(--gold);
    font-weight: 800;
    margin: 0 0 10px 0;
    text-shadow: 0 0 18px rgba(244, 211, 94, 0.45);
}

.btlk-stat-card p {
    font-size: 1rem;
    color: #dcdcdc;
    letter-spacing: 0.5px;
    margin: 0;
}

/* Responsive */
@media (max-width: 768px) {
    .btlk-stats-container {
        gap: 20px;
    }
    .btlk-stat-card {
        min-width: 180px;
        padding: 25px 30px;
    }
    .btlk-stat-card h2 {
        font-size: 2.2rem;
    }
}
@media (max-width: 480px) {
    .btlk-stat-card {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e069c73 *//* Base Colors (Assume defined globally) */
:root {
    --navy: #0A2342;
    --black: #000000;
    --gold: #F4D35E;
    --white: #F7F7FF;
    --glass: rgba(255, 255, 255, 0.05);
    --btlk-border: rgba(244, 211, 94, 0.35); /* Assuming --btlk-gold is #F4D35E */
    --btlk-muted-white: #dcdcdc;
}

/* Global Reset & Body Styles (Assume defined elsewhere) */
/* ... */

/* Section Base */
.best-places-section {
    position: relative; /* Needed for ::before */
    /* --- UPDATED BACKGROUND --- */
    /* Layer 1: Central Blue Glow (Subtle) */
    /* Layer 2: Main Background Gradient (Navy to Black) */
    background:
        radial-gradient(circle at 50% 50%, rgba(10, 35, 66, 0.35) 0%, transparent 65%), /* Central Glow */
        linear-gradient(to bottom, var(--navy) 0%, var(--black) 100%); /* Navy fades to Black */
    /* --- END BACKGROUND UPDATE --- */
    padding: 100px 20px;
    overflow: hidden;
    text-align: center;
}

/* Top Glow Line */
.best-places-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(
        to right,
        transparent,
        var(--gold) 25%,
        var(--gold) 75%,
        transparent
    );
    box-shadow: 0 0 8px rgba(244, 211, 94, 0.4);
    z-index: 3; /* Above overlay */
}

/* Overlay (Optional - Reduced intensity) */
.best-places-overlay {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 70% 30%, rgba(244, 211, 94, 0.05), transparent 50%),
                linear-gradient(to bottom, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.65)); /* Reduced opacity */
    pointer-events: none;
    z-index: 1; /* Below line and content */
}

/* Header */
.best-places-header {
    position: relative;
    z-index: 2; /* Above overlay */
    max-width: 850px;
    margin: 0 auto 60px;
}

.best-places-header h2 {
    font-size: clamp(28px, 3vw, 40px);
    color: var(--white);
    font-weight: 800;
    margin-bottom: 15px;
}

.best-places-header h2 span {
    color: var(--gold);
    text-shadow: 0 0 18px rgba(244, 211, 94, 0.5);
}

.best-places-header p {
    color: var(--btlk-muted-white);
    font-size: 1rem;
    line-height: 1.7;
}

/* Grid */
.best-places-grid {
    position: relative;
    z-index: 2; /* Above overlay */
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    max-width: 1200px;
    margin: 0 auto;
}

/* Responsive Grid Adjustments */
@media (max-width: 1024px) {
    .best-places-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
    .best-places-grid { grid-template-columns: 1fr; }
}

/* Story Card */
.btlk-story-card {
    background: var(--glass);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 16px;
    overflow: hidden;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, background .25s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
}
.btlk-story-card:hover {
    transform: translateY(-8px);
    background: rgba(244, 211, 94, 0.08);
    border-color: var(--gold);
    box-shadow: 0 0 25px rgba(244, 211, 94, 0.35);
}

/* Image Container */
.story-img {
     overflow: hidden;
}
.story-img img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    display: block;
    transition: transform .4s ease;
}
.btlk-story-card:hover .story-img img {
    transform: scale(1.05);
}

/* Content */
.story-content {
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    text-align: left;
}
.story-content h3 {
    font-size: 1.2rem;
    color: var(--gold);
    margin: 0 0 10px 0;
    line-height: 1.3;
     transition: color .25s ease;
}
.btlk-story-card:hover .story-content h3 {
     color: var(--white);
}
.story-content p {
    color: var(--btlk-muted-white);
    font-size: 0.95rem;
    line-height: 1.6;
    margin: 0 0 15px 0;
    flex-grow: 1;
}
.read-more {
    display: inline-block;
    color: var(--gold);
    font-weight: 600;
    text-decoration: none;
    transition: color .25s ease, text-shadow .25s ease;
    align-self: flex-start;
    margin-top: auto;
}
.read-more:hover {
    color: #fff;
    text-shadow: 0 0 12px rgba(244, 211, 94, 0.6);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1883417 *//* === CTA + Footer seam remover === */

/* 1) CTA ke niche koi inner space na rahe */
.cta-section{
  padding-bottom: 30 !important;
  margin-bottom: 0 !important;
}
/* card ke andar last element ke niche margin na ho */
.cta-container > :last-child{
  margin-bottom: 0;
}

/* 2) Footer ko thoda upar tuck karo taa ke CTA ki shadow ke andar aa jaye */
.cta-section + .btl-footer{
  margin-top: -12px;           /* <- overlap amount; 8–14px try kar sakte ho */
}

nal but useful) */
.cta-section::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:-1px;
  height:1px;
  background: linear-gradient(to right, transparent, rgba(244,211,94,.35), transparent);
  pointer-events:none;
}

/* 5) stacking: CTA upar, footer neeche — shadow visible rahe */
.cta-section{ position: relative; z-index: 2; }
.btl-footer{ position: relative; z-index: 1; }

/* 6) safety: body/section background mismatch se bhi hairline aa sakta hai */
body{ background: #061628; } /* aapke footer gradient ke top wale tone se match *//* End custom CSS */