/* Extracted from resources/views/front/blogs/detail.blade.php */

/* Hero Banner + Enquiry Form */
.hero-enquiry.simple-banner{ 
    position: relative;
    /* reduced vertical padding to make the hero shorter */
    padding: 26px 0;
    background: radial-gradient(110% 140% at 15% 20%, #1c32a8 0%, #02093c 55%, #01021d 100%);
    overflow: hidden;
}
.hero-enquiry.simple-banner:before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 80% 15%, rgba(255,255,255,0.12), transparent 55%);
    opacity: 0.9;
    z-index: 1;
}
.hero-enquiry .container, .hero-enquiry .row, .hero-enquiry .col-lg-7, .hero-enquiry .col-lg-5 {
    position: relative;
    z-index: 2;
}
.hero-copy{ max-width: 520px; }
.hero-copy h1{
    /* slightly larger and more responsive heading for better readability */
    color: #ffffff;
    font-size: clamp(2.15rem, 3.2vw, 2.9rem);
    font-weight: 800;
    line-height: 1.12;
    margin-bottom: 10px;
}
.hero-copy p{ font-size:1.02rem; color:#dbe9ff; margin-bottom:10px; }
.eyebrow-pill{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:6px 16px;
    border-radius:999px;
    background:rgba(255,255,255,0.06);
    color:#aebfff;
    letter-spacing:0.12em;
    font-size:0.8rem;
    text-transform:uppercase;
}
.hero-metrics{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin:12px 0 6px;
}
.metric-card{
    flex:1 1 140px;
    min-width:120px;
    background:rgba(4,11,56,0.55);
    border:1px solid rgba(255,255,255,0.06);
    border-radius:10px;
    padding:10px 12px;
    text-align:left;
}
.metric-card h4{ font-size:1.6rem; font-weight:800; margin-bottom:2px; color:#fff; }
.metric-card span{ color:#c9d8ff; font-size:0.85rem; }
.hero-breadcrumb ol{
    list-style:none;
    display:flex;
    align-items:center;
    gap:10px;
    padding:0;
    margin:10px 0 0;
    color:#fff;
}
.hero-breadcrumb a{ color:#aebfff; text-decoration:none; }
.hero-breadcrumb i{ font-size:1.2rem; color:#5f73ff; }
.banner-form-wrapper { max-width: 410px; margin: 0 auto; border-radius: 20px; border:1px solid rgba(21,48,73,0.08); box-shadow: 0 16px 36px rgba(7,18,64,0.22); padding: 1.6rem 1.7rem 1.2rem; }
.form-title h4 { font-size:1.35rem; font-weight:800; color:#153049; letter-spacing:0.3px; margin-bottom:4px; }
.form-title p{ color:#5b6c83; font-size:0.9rem; }
.eyebrow-muted{
    display:inline-block;
    font-size:0.78rem;
    letter-spacing:0.18em;
    text-transform:uppercase;
    color:#2563a6;
    margin-bottom:6px;
}
.lead-form .form-control, .lead-form .form-select { border-radius: 9px; font-size:0.95rem; border:1.2px solid #dfe7ef; background:#f8fafc; transition:box-shadow .18s, border-color .18s; box-shadow:0 1px 5px rgba(20,24,28,0.04); }
.lead-form .form-control:focus, .lead-form .form-select:focus { box-shadow:0 0 0 2px #2563a633; border-color:#2563a6; background:#fff; }
.lead-form textarea.form-control { min-height: 85px; }
.lead-form .btn-primary { background: linear-gradient(135deg,#2563a6,#1b4e8c); border: none; border-radius: 12px; font-weight: 700; letter-spacing:0.2px; font-size:1rem; padding:0.78rem 1rem; box-shadow:0 10px 20px rgba(29,79,138,0.2); }
.lead-form .btn-primary:hover { background: linear-gradient(135deg,#1b4e8c,#163563); }
.lead-form .row.g-2 > [class^='col'] { margin-bottom: 0.4rem; }
.lead-form .form-label{ font-size:0.85rem; font-weight:600; color:#5d6c83; margin-bottom:4px; }
.lead-form .alert { font-size:0.9rem; border-radius:9px; }
@media (max-width: 991px) {
    .hero-copy h1{ font-size:1.85rem; }
    .banner-form-wrapper { padding: 1.5rem; margin-top: 1rem; }
}
@media (max-width: 767px) {
    .hero-enquiry.simple-banner{ padding: 38px 0; }
    .hero-metrics{ gap:10px; }
    .metric-card{ min-width: 44%; }
    .banner-form-wrapper { max-width: 100%; box-shadow: 0 12px 32px rgba(7,18,64,0.18); }
}

/* Inline-style replacements */
.blog-related-card{
    border: 1px solid #eee;
    border-radius: 8px;
    overflow: hidden;
}
.blog-related-image{
    width: 100%;
    height: 200px;
    object-fit: cover;
}
.blog-related-title-link{
    color: #333;
    text-decoration: none;
}
.widget-thumb-cover{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}