/*
 Theme Name: Twenty Seventeen Child Theme
 Theme URI: https://yourwebsite.com
 Author: Your Name
 Author URI: https://www.gowebworld.com
 Template: twentyseventeen
 Description: Child theme for Twenty Seventeen.
 Version: 0.1
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Tags:
 Text Domain: twentyseventeen-child
 */ 
 :root{
      --brand:#cc0033;
	  --red:#cc0033;
      --brand-dark:#a8002a;
      --brand-soft:#fff0f4;
      --ink:#333333;
      --ink-2:#555555;
      --paper:#ffffff;
      --muted:#f6f7f9;
      --line:#e9ebef;
      --success:#16824b;
      --shadow:0 20px 60px rgba(33,35,40,.10);
      --shadow-sm:0 10px 30px rgba(33,35,40,.08);
      --radius:22px;
    }

    html{scroll-behavior:smooth;scroll-padding-top:86px}
    body{font-family:Inter,system-ui,sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}
    h1,h2,h3,h4,h5,h6,.display-font{font-family:Manrope,Inter,sans-serif}
    a{text-decoration:none}
    .text-brand{color:var(--brand)!important}
    .bg-brand{background:var(--brand)!important}
    .btn-brand{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:700}
    .btn-brand:hover{background:var(--brand-dark);border-color:var(--brand-dark);color:#fff;transform:translateY(-2px)}
    .btn-dark-custom{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:700}
    .btn-dark-custom:hover{background:#1e1e1e;color:#fff;transform:translateY(-2px)}
    .btn-outline-brand{border:1.5px solid var(--brand);color:var(--brand);font-weight:700}
    .btn-outline-brand:hover{background:var(--brand);color:#fff}
    .btn{border-radius:12px;padding:.8rem 1.15rem;transition:.25s ease}
    .section-pad{padding:100px 0}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--brand);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
    .eyebrow:before{content:"";width:28px;height:3px;background:var(--brand);border-radius:99px}
    .section-title{font-size:clamp(2rem,4vw,3.5rem);font-weight:800;letter-spacing:-.045em;line-height:1.04}
    .section-copy{color:#69707a;max-width:650px;font-size:1.05rem;line-height:1.8}

    /* Loader */
    #pageLoader{
      position:fixed;inset:0;background:#fff;z-index:99999;display:flex;align-items:center;justify-content:center;
      transition:opacity .7s ease,visibility .7s ease;
    }
    #pageLoader.hide{opacity:0;visibility:hidden;pointer-events:none}
    .loader-wrap{text-align:center;width:min(440px,88vw)}
    .loader-logo{width:min(290px,70vw);max-height:150px;object-fit:contain;display:block;margin:0 auto 18px}
    .loader-bar{height:5px;background:#eee;border-radius:99px;overflow:hidden}
    .loader-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--brand),#ff4c76);animation:loadbar 1.8s ease forwards}
    @keyframes loadbar{to{width:100%}}
    .loader-dots{margin-top:14px;color:#777;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase}

    /* Scroll progress */
    #scrollProgress{position:fixed;top:0;left:0;width:0;height:4px;background:var(--brand);z-index:10000}

    /* Top strip */
    .top-strip{background:var(--ink);color:#fff;font-size:.78rem}
    .top-strip a{color:#fff;opacity:.9}
    .top-strip a:hover{opacity:1;color:#fff}
    .top-strip .mini-pill{display:inline-flex;gap:6px;align-items:center;padding:7px 0}

    /* Navbar */
    .navbar{padding:12px 0;transition:.3s ease;background:rgba(255,255,255,.96)}
    .navbar.scrolled{box-shadow:0 10px 35px rgba(0,0,0,.08);padding:8px 0}
    .navbar-brand img{width: auto;
    height: 120px;
    object-fit: contain;}
    .nav-link{font-weight: 600;
    color: #414141 !important;
    font-size: 17px;
    padding: 7px 16px !important;}
    .nav-link:hover,.nav-link.active{color:var(--brand)!important}
    .navbar-toggler{border:0;padding:8px;box-shadow:none!important}
    .hamburger{width:27px;height:20px;display:flex;flex-direction:column;justify-content:space-between}
    .hamburger span{height:2.5px;width:100%;background:var(--ink);border-radius:5px;transition:.3s}
    .navbar-toggler[aria-expanded="true"] .hamburger span:nth-child(1){transform:translateY(8.7px) rotate(45deg)}
    .navbar-toggler[aria-expanded="true"] .hamburger span:nth-child(2){opacity:0;transform:scaleX(0)}
    .navbar-toggler[aria-expanded="true"] .hamburger span:nth-child(3){transform:translateY(-8.7px) rotate(-45deg)}

    /* Hero */
    .hero{position:relative;min-height:720px;display:flex;align-items:center;overflow:hidden;background:
      radial-gradient(circle at 82% 18%,rgba(204,0,51,.13),transparent 27%),
      radial-gradient(circle at 15% 90%,rgba(51,51,51,.09),transparent 30%),
      #fdf0f0}
	  
	 .hero.blogpagehero{    min-height: auto !important;
    padding-top: 30px;
	 padding-bottom: 30px; margin-bottom:40px;}  
    .hero:after{content:"";position:absolute;right:-150px;top:-180px;width:600px;height:600px;border:70px solid rgba(204,0,51,.055);border-radius:50%}
    .hero-content{position:relative;z-index:2}
    .hero h1{font-size:clamp(3rem,6vw,5.9rem);line-height:.95;letter-spacing:-.065em;font-weight:800}
    .hero h1 .accent{color:var(--brand)}
    .hero-lead{font-size:1.12rem;line-height:1.8;color:#666;max-width:650px}
    .hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0}
    .hero-badge{padding:9px 13px;background:#fff;border:1px solid var(--line);border-radius:999px;font-size:.82rem;font-weight:700;box-shadow:0 8px 22px rgba(0,0,0,.04)}
    .hero-badge i{color:var(--brand);margin-right:5px}
    .hero-visual{position:relative;min-height:550px}
    .hero-photo{position:absolute;right:0;top:50%;transform:translateY(-50%);width:min(570px,100%);height:570px;border-radius:45% 25% 45% 25%;object-fit:cover;box-shadow:30px 30px 0 rgba(204,0,51,.09)}
    .hero-float{position:absolute;background:#fff;border:1px solid rgba(0,0,0,.06);box-shadow:var(--shadow-sm);border-radius:18px;padding:15px;z-index:3}
    .hero-float.one{left:0;top:19%}
    .hero-float.two{right:-10px;bottom:13%}
    .float-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:var(--brand-soft);color:var(--brand);font-size:1.25rem}
    .hero-scroll{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);z-index:2;color:#777;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}

    /* Trust */
    .trust-row{border-block:1px solid var(--line);background:#fff}
    .trust-item{padding:23px 10px;text-align:center}
    .trust-item strong{display:block;font-size:1.65rem;font-family:Manrope}
    .trust-item span{font-size:.76rem;color:#777;text-transform:uppercase;letter-spacing:.08em}

    /* Cards */
    .service-card{height:100%;padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;transition:.3s ease;position:relative;overflow:hidden}
    .service-card:after{content:"";position:absolute;right:-45px;bottom:-60px;width:130px;height:130px;border-radius:50%;background:var(--brand-soft);transition:.35s}
    .service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:rgba(204,0,51,.2)}
    .service-card:hover:after{transform:scale(1.35)}
    .service-icon{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);font-size:1.55rem;margin-bottom:22px;position:relative;z-index:1}
    .service-card:hover .service-icon{background:var(--brand);color:var(--brand-soft);}
	.service-card h3{font-size:1.18rem;font-weight:800}
    .service-card p{color:#747b84;font-size:.9rem;line-height:1.7}
    .service-link{font-size:.82rem;font-weight:600;color:var(--ink);position:relative;z-index:2}
    .service-link i{color:var(--brand);transition:.2s}
    .service-card:hover .service-link i{margin-left:6px}

    /* Category switcher */
    .switcher{background:var(--ink);border-radius:30px;padding:8px;display:inline-flex;gap:5px}
    .switcher button{border:0;background:transparent;color:#bbb;padding:11px 22px;border-radius:20px;font-weight:800}
    .switcher button.active{background:var(--brand);color:#fff}
    .service-panel{display:none}
    .service-panel.active{display:block;animation:fadeUp .45s ease}
    @keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

    /* Feature band */
    .feature-band{background:var(--ink);color:#fff;border-radius:36px;overflow:hidden;position:relative}
    .feature-band:after{content:"";position:absolute;width:350px;height:350px;border:55px solid rgba(204,0,51,.18);border-radius:50%;right:-120px;top:-120px}
    .feature-list{display:grid;gap:14px}
    .feature-check{display:flex;gap:12px;align-items:flex-start}
    .feature-check .check{width:25px;height:25px;flex:0 0 25px;border-radius:50%;display:grid;place-items:center;background:var(--brand);font-size:.72rem}
    .feature-image{width:100%;height:100%;min-height:400px;object-fit:cover;border-radius:25px}

    /* Steps */
    .step{position:relative;padding:25px}
    .step-number{width:55px;height:55px;border-radius:16px;background:var(--ink);color:#fff;display:grid;place-items:center;font-family:Manrope;font-weight:800;font-size:1.1rem;margin-bottom:20px}
    .step:not(:last-child):after{content:"";position:absolute;top:52px;right:-8%;width:16%;height:1px;background:#ddd}
    .step h4{font-size:1.08rem;font-weight:800}
    .step p{font-size:.88rem;color:#737a83;line-height:1.7}

    /* Projects */
    .filter-bar{display:flex;gap:8px;flex-wrap:wrap}
    .filter-btn{border:1px solid var(--line);background:#fff;color:#555;padding:8px 15px;border-radius:99px;font-size:.8rem;font-weight:800}
    .filter-btn.active,.filter-btn:hover{background:var(--brand);border-color:var(--brand);color:#fff}
    .project{position:relative;border-radius:22px;overflow:hidden;height:310px;cursor:pointer}
    .project img{width:100%;height:100%;object-fit:cover;transition:.6s}
    .project:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,20,20,.78),transparent 55%)}
    .project:hover img{transform:scale(1.07)}
    .project-caption{position:absolute;z-index:2;bottom:20px;left:22px;right:22px;color:#fff}
    .project-caption small{color:#ffb5c7;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
    .project-caption h4{font-size:1.2rem;margin:5px 0 0;font-weight:800}

    /* Before after */
    .ba-wrap{position:relative;height:430px;overflow:hidden;border-radius:28px;box-shadow:var(--shadow)}
    .ba-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
    .ba-after{clip-path:inset(0 50% 0 0)}
    .ba-slider{position:absolute;top:0;bottom:0;left:50%;width:4px;background:#fff;transform:translateX(-50%);z-index:3;box-shadow:0 0 0 1px rgba(0,0,0,.1)}
    .ba-slider:after{content:"↔";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:45px;height:45px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:800}
    .ba-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;z-index:5;cursor:ew-resize}
    .ba-label{position:absolute;top:18px;padding:7px 11px;border-radius:99px;background:rgba(255,255,255,.92);font-size:.72rem;font-weight:800;z-index:4}
    .ba-label.before{left:18px}.ba-label.after{right:18px}

    /* Areas */
    .area-card{background:var(--muted);border-radius:20px;padding:23px;border:1px solid transparent;transition:.25s}
    .area-card:hover{background:#fff;border-color:var(--line);box-shadow:var(--shadow-sm);transform:translateY(-4px)}
    .area-card i{color:var(--brand);font-size:1.35rem}

    /* Testimonials */
    .quote-card{height:100%;background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 5px 25px rgba(0,0,0,.03)}
    .stars{color:#f5a800;letter-spacing:2px}
    .avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}
    .quote-text{color:#5e6670;line-height:1.8;font-size:.92rem}

    /* Commercial */
    .commercial-card{border-radius:30px;background:linear-gradient(135deg,#fff4f6,#fff);border:1px solid #f3d9e0;padding:42px;position:relative;overflow:hidden}
    .commercial-card:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:rgba(204,0,51,.06);right:-120px;bottom:-140px}

    /* Quote form */
    .quote-section{background:linear-gradient(135deg,#2c2c2c,#3a3a3a);color:#fff;position:relative;overflow:hidden}
    .quote-section:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;border:80px solid rgba(204,0,51,.13);right:-210px;top:-220px}
    .quote-card-form{background:#fff;border-radius:28px;padding:30px;color:var(--ink);box-shadow:0 25px 80px rgba(0,0,0,.25)}
    .form-control,.form-select{border:1px solid #e3e6ea;border-radius:12px;padding:.85rem 1rem}
    .form-control:focus,.form-select:focus{border-color:rgba(204,0,51,.45);box-shadow:0 0 0 .2rem rgba(204,0,51,.08)}
    .form-label{font-size:.78rem;font-weight:800;color:#555}

    /* FAQ */
    .accordion-item{border:1px solid var(--line)!important;border-radius:15px!important;margin-bottom:12px;overflow:hidden}
    .accordion-button{font-weight:800;padding:20px;background:#fff}
    .accordion-button:not(.collapsed){color:var(--brand);background:var(--brand-soft);box-shadow:none}
    .accordion-button:focus{box-shadow:none}

    /* Footer */
    footer{background:#202020;color:#aaa}
    footer h5{color:#fff;font-size:.9rem}
    footer a{color:#aaa;font-size:.85rem}
    footer a:hover{color:#fff}
    .footer-brand img{width:175px;height:68px;object-fit:contain;background:#fff;border-radius:8px}
    .social{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#2d2d2d;color:#fff;transition:.2s}
    .social:hover{background:var(--brand);color:#fff;transform:translateY(-3px)}
    .footer-bottom{border-top:1px solid #343434;color:#777;font-size:.78rem}

    /* Floating actions */
    .floating-actions{position:fixed;right:20px;bottom:20px;z-index:900;display:grid;gap:10px}
    .float-action{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 12px 25px rgba(0,0,0,.18);border:0}
    .float-action.call{background:var(--ink)}
    .float-action.wa{background:#1a9c59}
    .float-action.top{background:var(--brand);display:none}
    .float-action:hover{transform:translateY(-3px);color:#fff}

    /* Reveal */
    .reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}
    .reveal.show{opacity:1;transform:none}

    /* Toast */
    .toast-container{z-index:10001}

    @media(max-width:991.98px){
      .navbar-brand img{width:140px;height:55px}
      .hero{min-height:auto;padding:70px 0 100px}
      .hero-visual{min-height:480px;margin-top:35px}
      .hero-photo{position:relative;right:auto;top:auto;transform:none;width:100%;height:450px}
      .hero-float.one{left:5px;top:8%}.hero-float.two{right:5px;bottom:8%}
      .step:not(:last-child):after{display:none}
    }
    @media(max-width:575.98px){
      .section-pad{padding:75px 0}
      .top-strip{display:none}
      .hero h1{font-size:3.2rem}
      .hero-visual{min-height:400px}
      .hero-photo{height:360px;border-radius:35px}
      .hero-float{transform:scale(.86)}
      .hero-float.one{left:-10px}.hero-float.two{right:-10px}
      .feature-band{border-radius:24px;padding:10px!important}
      .ba-wrap{height:300px}
      .floating-actions{right:12px;bottom:12px}
      .commercial-card{padding:28px}
    }
.breadcrumb-wrap{background: #fff0f4;;border-bottom:1px solid var(--line)}
.breadcrumb{margin:0;padding:14px 0;font-size:.78rem}
.breadcrumb-item a{color:#777}.breadcrumb-item.active{color:var(--red);font-weight:700}

.hero-detail{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff 0%,#fff 62%,#fff1f5 100%);padding:78px 0 90px}
.hero-detail.blogpagehero{    min-height: auto !important;
    padding-top: 30px;
	 padding-bottom: 30px; margin-bottom:40px;}  
.hero-detail .accent{color:var(--brand)}
.hero-detail:after{content:"";position:absolute;width:470px;height:470px;border:70px solid rgba(204,0,51,.07);border-radius:50%;right:-200px;top:-170px}
.eyebrow{display:inline-flex;gap:8px;align-items:center;color:var(--red);font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.eyebrow:before{content:"";width:28px;height:3px;background:var(--red);border-radius:99px}
.hero-detail h1{font-size:clamp(2.8rem,5.5vw,5rem);line-height:.98;letter-spacing:-.06em;font-weight:800}
.hero-detail .lead{color:#69717a;line-height:1.8;max-width:650px}
.hero-image{height:530px;width:100%;object-fit:cover;border-radius:35px;box-shadow:25px 25px 0 rgba(204,0,51,.08)}
.hero-stat{background:#fff;border:1px solid var(--line);box-shadow:0 15px 40px rgba(0,0,0,.08);border-radius:18px;padding:16px;position:absolute;z-index:2}
.hero-stat.one{left:-22px;bottom:35px}.hero-stat.two{right:-18px;top:45px}
.stat-icon{width:43px;height:43px;border-radius:13px;background:var(--red-soft);color:var(--red);display:grid;place-items:center}
@media(max-width:767px){.hero-image{height:390px}.hero-stat.one{left:5px}.hero-stat.two{right:5px}}

.service-nav{position:sticky;top:95px;border:1px solid var(--line);border-radius:20px;padding:8px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.04)}
.service-nav a{display:flex;justify-content:space-between;align-items:center;color:#555;padding:13px 14px;border-radius:12px;font-weight:500;font-size:16px} .service-nav a:hover,.service-nav a.active{background:var(--brand-soft);color:var(--brand)}
.service-nav li{list-style:none;}
.service-nav li.current-menu-item a{background:var(--brand-soft);color:var(--brand)}
.quote-mini{background:var(--ink);color:#fff;border-radius:20px;padding:24px;margin-top:18px}.quote-mini .btn{width:100%}
	
.inbody p
{
    line-height: 1.85;
}
.inbody h2, .inbody h3, .inbody h4{margin-bottom: 0.7rem;}	
.inbody h3, .inbody h4{margin-top: 2rem;}	
.service-nav a.current-menu-item,
.service-nav a.current_page_item {
  font-weight: bold;
  color: #08329c; /* Adjust to match your theme's brand color */
}
.image-overlay-container::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* Creates the fading white gradient layer on the left side */
  background: linear-gradient(to right, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 40%);
  pointer-events: none; /* Allows user clicks to pass through to the image */
}

.single-hero
{    min-height: auto !important;
    padding-top: 30px;
	 padding-bottom: 30px; margin-bottom:40px;}  
.single-hero:after{content:"";position:absolute;right:-150px;top:-180px;width:600px;height:600px;border:70px solid rgba(204,0,51,.055);border-radius:50%}
	
.single-hero h1 {
    font-size: clamp(2.8rem, 5.5vw, 4rem);
    line-height: .98;
    letter-spacing: -.06em;
    font-weight: 800;
}
.single-hero .category{display:inline-flex;gap:8px;align-items:center;color:var(--brand);font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}
.single-hero .category a {text-decoration:none;color:var(--brand);font-size:12px;}
.single-hero .category a:hover {color:var(--ink);}
.single-hero .category:before{content:"";width:28px;height:3px;background:var(--brand);border-radius:9px}
.intro {
    font-size: 18px;
    line-height: 1.85;
    color: #68707a;
    max-width: 780px;
} 
.meta {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    color: #707780;
    font-size: 13px;
}
.meta i {
    color: var(--red);
}	

/* Custom Bootstrap 5 Post Navigation Styling */
.post-navigation {
    margin-top: 3rem;
    margin-bottom: 3rem;
    padding-top: 2rem;
    border-top: 1px solid var(--line);
}

.post-navigation .nav-links {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    justify-content: space-between;
}

.post-navigation .nav-previous,
.post-navigation .nav-next {
    flex: 1 1 300px; /* Responsive behavior on smaller screens */
    margin: 0;
}

/* Card Styling */
.post-navigation a {
    text-decoration: none !important;
    display: block;
    height: 100%;
}

.post-nav-card {
    background-color: var(--paper);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    padding: 1.25rem 1.5rem;
    transition: all 0.3s ease-in-out;
    height: 100%;
    box-shadow: var(--shadow-sm);
}

/* Hover & Active States */
.post-navigation a:hover .post-nav-card {
    border-color: var(--brand);
    background-color: var(--brand-soft);
    transform: translateY(-3px);
    box-shadow: var(--shadow);
}

.post-nav-card .nav-subtitle {
    color: var(--brand);
    letter-spacing: 0.5px;
    font-size: 0.8rem;
}

.post-nav-card .nav-title {
    color: var(--ink);
    font-size: 1.05rem;
    line-height: 1.4;
    transition: color 0.2s ease;
}

.post-navigation a:hover .nav-title {
    color: var(--brand-dark);
}

/* Hide theme's default screen-reader text header */
.post-navigation .screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

article {
    font-size: 17px;
    line-height: 1.9;
    color: #4e555c;
}
article blockquote {
    border-left: 4px solid var(--brand);
    background: var(--brand-soft);
    padding: 24px 26px;
    border-radius: 0 15px 15px 0;
    font-size: 20px;
    line-height: 1.6;
    color: #333;
    margin: 35px 0;
}
article h2 {
    font-size: 31px;
    line-height: 1.2;
    margin: 55px 0 18px;
}
/* Sidebar Layout & Cards */
.sidebar-sticky-wrapper {
    position: sticky;
    top: 2rem;
}

.sidebar-card {
    background-color: var(--paper);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    padding: 1.5rem;
    box-shadow: var(--shadow-sm);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.sidebar-card:hover {
    box-shadow: var(--shadow);
}

/* Widget Headings */
.widget-title {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--ink);
    position: relative;
    padding-bottom: 0.5rem;
}

.widget-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 35px;
    height: 3px;
    background-color: var(--brand);
    border-radius: 2px;
}

/* Author Avatar */
.author-avatar {
    width: 48px;
    height: 48px;
    background-color: var(--brand-soft);
    color: var(--brand);
    font-weight: 700;
    font-size: 1.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 2px solid var(--brand);
}

/* High-Converting CTA Box */
.cta-card {
    background: linear-gradient(135deg, var(--brand) 0%, var(--brand-dark) 100%);
    border: none;
}

.text-brand {
    color: var(--brand) !important;
}

.bg-brand-soft {
    background-color: var(--brand-soft) !important;
}

.btn-brand-light {
    background-color: var(--paper);
    color: var(--brand);
    border: none;
    border-radius: 12px;
    transition: all 0.25s ease;
}

.btn-brand-light:hover {
    background-color: var(--brand-soft);
    color: var(--brand-dark);
    transform: translateY(-2px);
}

/* Categories Styling */
.sidebar-categories li a {
    transition: color 0.2s ease, transform 0.2s ease;
}

.sidebar-categories li a:hover {
    color: var(--brand) !important;
    transform: translateX(3px);
}

/* Recent Posts Widget */
.recent-post-thumb img,
.placeholder-thumb {
    width: 64px;
    height: 64px;
    object-fit: cover;
}

.placeholder-thumb {
    background-color: var(--muted);
    border: 1px solid var(--line);
}

.recent-post-title {
    font-size: 0.925rem;
    line-height: 1.35;
    transition: color 0.2s ease;
}

.recent-post-item:hover .recent-post-title {
    color: var(--brand) !important;
}

/* Line clamp utility for multi-line titles */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/* Sidebar Search Input Styling */
.sidebar-search-input {
    background-color: var(--muted);
    border: 1px solid var(--line);
    border-radius: 12px 0 0 12px !important;
    padding: 0.65rem 1rem;
    font-size: 0.925rem;
    color: var(--ink);
    transition: all 0.25s ease;
}

.sidebar-search-input:focus {
    background-color: var(--paper);
    border-color: var(--brand);
    box-shadow: 0 0 0 0.25rem rgba(204, 0, 51, 0.15); /* Brand red focus ring */
}

.btn-brand-search {
    background-color: var(--ink);
    color: var(--paper);
    border: 2px solid var(--ink);
    border-radius: 0 12px 12px 0 !important;
    padding: 0.65rem 1.15rem;
    transition: background-color 0.25s ease, border-color 0.25s ease;
}

.btn-brand-search:hover {
    background-color: var(--brand);
    border-color: var(--brand);
    color: var(--paper);
}

/* Search Hero Section */
.search-hero {
    background-color: var(--muted);
    border-bottom: 1px solid var(--line);
	border-top: 1px solid var(--line);
}

.search-hero-form {
    max-width: 600px;
}

.search-hero-form .form-control {
    font-size: 1rem;
    height: 52px;
}

.search-hero-form .form-control:focus {
    box-shadow: none;
}

.search-hero-form .btn-brand-search {
    background-color: var(--brand);
    color: var(--paper);
    font-weight: 600;
    transition: background-color 0.25s ease;
}

.search-hero-form .btn-brand-search:hover {
    background-color: var(--brand-dark);
    color: var(--paper);
}

/* Search Card Component */
.search-card {
    background-color: var(--paper);
    box-shadow: var(--shadow-sm);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
	
}

.search-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow);
}

.card-img-wrapper {
    height: 190px;
    overflow: hidden;
    position: relative;
}

.card-img-wrapper img {
    width: 100%;
    height: 100%;
    transition: transform 0.35s ease;
}

.search-card:hover .card-img-wrapper img {
    transform: scale(1.05);
}

.placeholder-img {
    background-color: var(--muted);
    border-bottom: 1px solid var(--line);
}

.card-link {
    transition: color 0.2s ease;
}

.search-card:hover .card-link {
    color: var(--brand) !important;
}

/* Custom Pagination Styling */
.custom-pagination .navigation.pagination {
    margin: 0;
}

.custom-pagination .nav-links {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.custom-pagination .page-numbers {
    padding: 0.5rem 0.9rem;
    border-radius: 10px;
    background-color: var(--paper);
    border: 1px solid var(--line);
    color: var(--ink);
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
    transition: all 0.2s ease;
}

.custom-pagination .page-numbers.current,
.custom-pagination .page-numbers:hover {
    background-color: var(--brand);
    color: var(--paper);
    border-color: var(--brand);
}

/* Helpers */
.btn-brand {
    background-color: var(--brand);
    border-color: var(--brand);
}

.btn-brand:hover {
    background-color: var(--brand-dark);
    border-color: var(--brand-dark);
}

/* ==========================================
   WordPress Pagination Styling (Bootstrap 5)
   ========================================== */

.navigation.pagination {
  margin: 3rem 0 1rem 0;
  display: flex;
  justify-content: center;
}

.navigation.pagination .screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.navigation.pagination .nav-links {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background-color: var(--muted);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
}

.navigation.pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  height: 44px;
  padding: 0 0.85rem;
  border-radius: 12px;
  background-color: var(--paper);
  color: var(--ink);
  font-weight: 700;
  font-size: 0.95rem;
  text-decoration: none;
  border: 1px solid var(--line);
  transition: all 0.25s ease;
}

/* Hover state */
.navigation.pagination a.page-numbers:hover {
  background-color: var(--brand-soft);
  color: var(--brand);
  border-color: var(--brand);
  transform: translateY(-2px);
}

/* Active/Current Page */
.navigation.pagination .page-numbers.current {
  background-color: var(--brand);
  color: var(--paper);
  border-color: var(--brand);
  box-shadow: 0 4px 12px rgba(204, 0, 51, 0.25);
}

/* Prev / Next Arrows & Dots */
.navigation.pagination .page-numbers.dots {
  background: transparent;
  border-color: transparent;
  color: var(--ink-2);
}

.navigation.pagination .page-numbers svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
  transition: transform 0.25s ease;
}

.navigation.pagination a.next:hover svg {
  transform: translateX(3px);
}

.navigation.pagination a.prev:hover svg {
  transform: translateX(-3px);
}

/* ===================================================
   Navigation & Custom Multi-Level Dropdowns
   =================================================== */

#mainNav {
  transition: all 0.3s ease;
  z-index: 1030;
}

#mainNav .nav-link {
  color: var(--ink);
  font-weight: 600;
  padding: 0.6rem 1rem;
  border-radius: 8px;
  transition: all 0.2s ease;
}

#mainNav .nav-link:hover,
#mainNav .nav-link.active {
  color: var(--brand);
  background-color: var(--brand-soft);
}

/* Custom Dropdown Styling */
.dropdown-menu {
  background-color: var(--paper);
  border: 1px solid var(--line) !important;
  border-radius: 16px !important;
  padding: 0.5rem;
  min-width: 230px;
}

.dropdown-item {
  color: var(--ink);
  font-weight: 500;
  padding: 0.65rem 1rem;
  border-radius: 10px;
  transition: all 0.2s ease;
}

.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active {
  background-color: var(--brand-soft);
  color: var(--brand);
}

.dropdown-item .icon-nav {
  font-size: 1.1rem;
  transition: transform 0.2s ease;
}

.dropdown-item:hover .icon-nav {
  transform: scale(1.15);
}

/* Desktop Hover & Multi-Level Flyout Effects (>= 992px) */
@media (min-width: 992px) {
  /* Level 1 Hover Display */
  .navbar-nav .dropdown:hover > .dropdown-menu {
    display: block;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  .navbar-nav .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
    margin-top: 0;
  }

  /* Multi-level Flyout Sub-menus (Level 2 & 3) */
  .dropdown-submenu {
    position: relative;
  }

  .dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: 0.25rem;
    transform: translateX(10px);
  }

  .dropdown-submenu:hover > .dropdown-menu {
    display: block;
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }

  /* Dropdown Toggle Chevron Indicator */
  .navbar-nav .dropdown-submenu > .dropdown-toggle::after {
    border: none;
    content: "\F285";
    font-family: "bootstrap-icons";
    margin-left: auto;
    font-size: 0.75rem;
  }
}

/* Mobile Accordion Style (< 992px) */
@media (max-width: 991.98px) {
  .navbar-collapse {
    padding: 1rem 0;
  }

  .dropdown-menu {
    border: none !important;
    box-shadow: none !important;
    background-color: var(--muted);
    padding-left: 1rem;
    margin-top: 0.5rem;
  }

  .dropdown-submenu > .dropdown-menu {
    padding-left: 1.5rem;
  }
}

/* Mobile Sub-menu Styling Fix */
@media (max-width: 991.98px) {
    /* Navbar open hone par submenus ko relative position do */
    #navMenu .dropdown-menu {
        position: static !important;
        transform: none !important;
        float: none !important;
        width: 100%;
        margin-top: 0;
        background-color: #f8f9fa !important; /* Slight background for distinction */
        border: none !important;
        box-shadow: none !important;
        padding-left: 1rem;
    }

    /* Submenu animation smoothness */
    #navMenu .dropdown-menu.show {
        display: block !important;
    }
}
/* Align link and arrow properly */
.nav-item-wrapper {
    position: relative;
}

.dropdown-toggle-split {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    line-height: 1;
    font-size: 0.85rem;
}

/* Rotate Chevron Icon when dropdown is open */
.dropdown-toggle-split[aria-expanded="true"] .bi-chevron-down {
    transform: rotate(180deg);
    transition: transform 0.2s ease-in-out;
}

/* Mobile Nested Submenu Position Fix */
@media (max-width: 991.98px) {
    #navMenu .dropdown-menu {
        position: static !important;
        transform: none !important;
        float: none !important;
        width: 100%;
        margin-top: 0;
        background-color: #f8f9fa !important;
        border: none !important;
        box-shadow: none !important;
        padding-left: 1rem;
    }
}
/* Mobile dropdown open fix */
@media (max-width: 991.98px) {
    #navMenu .dropdown-menu {
        position: static !important;
        transform: none !important;
        float: none !important;
        width: 100%;
        margin-top: 0;
        background-color: #f8f9fa !important;
        border: none !important;
        box-shadow: none !important;
        padding-left: 1rem;
        display: none;
    }

    /* JavaScript Toggle Class */
    #navMenu .dropdown-menu.show {
        display: block !important;
    }

    /* Rotate arrow icon when open */
    .dropdown-toggle-btn.open .bi-chevron-down {
        transform: rotate(180deg);
        transition: transform 0.2s ease-in-out;
        display: inline-block;
    }
}