body{background-color: #ffffff !important;}
 .agblog-hero{
    background: #f8f9fb;
    width:100%;
    height:520px;
    position:relative;
    overflow:hidden;
    margin-top:7%;
}



    /* IMAGE PARALLAX */

    .agblog-hero img{
    width:100%;
    height:100%;
    object-fit:cover;
    transform:scale(1.1);
    transition:transform 6s ease;
    }

    .agblog-hero:hover img{
    transform:scale(1.2);
    }

    /* PREMIUM OVERLAY */
    /* PREMIUM CINEMATIC OVERLAY */

    .agblog-hero-overlay{
    border-radius: 0 0 80px 0;
    height:100%;

    /* MULTI LAYER OVERLAY */

      

    }
    /* CONTENT */
.agblog-badge{
    display:inline-block;
    background:#7b1e3a10;
    color:#7b1e3a;
    padding:6px 14px;
    border-radius:20px;
    font-size:12px;
    font-weight:600;
    margin-bottom:15px;
}

 .agblog-hero-content{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    text-align:center;
    max-width: 890px;
    padding:20px;
    animation:fadeUp 1s ease;
    width: 100%;
}
.agblog-hero-content h1 span{
    color:#7b1e3a;
}
   .agblog-hero-content h1{
    font-size:42px;
    font-weight:700;
    color:#111;
    line-height:1.25;
    margin-bottom:15px;
}

 .agblog-hero-content p{
    font-size:15px;
    color:#555;
    line-height:1.7;
}

    .agblog-hero::after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:radial-gradient(
    circle at center,
    rgba(255,255,255,0.08),
    transparent 60%
    );
    pointer-events:none;
    }

    @keyframes agblogFadeUp{

    0%{
    opacity:0;
    transform:translate(-50%,20px);
    }

    100%{
    opacity:1;
    transform:translate(-50%,-50%);
    }

    }
    /* HERO CTA BUTTONS */

/* BUTTONS */

.agblog-hero-btns{
    margin-top:25px;
    display:flex;
    justify-content:center;
    gap:15px;
    flex-wrap:wrap;
}

.agblog-hero-btn{
    padding:13px 24px;
    border-radius:8px;
    text-decoration:none;
    font-weight:600;
    font-size:14px;
    transition:.3s;
}

/* PRIMARY */

.agblog-hero-btn.primary{
    background:linear-gradient(135deg,#7b1e3a,#5f132c);
    color:#fff;
}

.agblog-hero-btn.primary:hover{
    transform:translateY(-3px);
    box-shadow:0 12px 30px rgba(123,30,58,0.3);
}

/* SECONDARY */

.agblog-hero-btn.secondary{
    background:#fff;
    color:#7b1e3a;
    border:1px solid #ddd;
}

.agblog-hero-btn.secondary:hover{
    background:#7b1e3a;
    color:#fff;
}

/* TRUST TEXT */

.agblog-trust{
    margin-top:18px;
    font-size:13px;
    color:#777;
}

/* ANIMATION */

@keyframes fadeUp{
    from{
        opacity:0;
        transform:translate(-50%,-30%);
    }
    to{
        opacity:1;
        transform:translate(-50%,-50%);
    }
}
/* ================================
INTRO SECTION (IMAGE + CONTENT)
================================ */

.agblog-intro{
    padding:80px 20px;
    background:#ffffff;
}

.agblog-intro-container{
    max-width:1200px;
    margin:auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    align-items:center;
}

/* IMAGE */

.agblog-intro-image img{
    width:100%;
    border-radius:14px;
    box-shadow:0 20px 50px rgba(0,0,0,0.12);
    transition:all .4s ease;
}

.agblog-intro-image img:hover{
    transform:scale(1.04);
}
/* ===== MERGED INTRO SECTION ===== */

.agblog-intro-new{
    padding: 50px 20px;
    background:#ffffff;
}

.agblog-intro-wrap{
    max-width:1200px;
    margin:auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    align-items:center;
}

/* TEXT */
.agblog-intro-text h2{
    font-size:25px;
    font-weight:700;
    color:#111;
    margin-bottom:20px;
    line-height:1.3;
}

.agblog-intro-text p{
    color:#555;
    font-size:15px;
    line-height:1.7;
    margin-bottom:15px;
}

.agblog-intro-text ul{
    list-style:none;
    margin-top:15px;
    padding:0;
}

.agblog-intro-text ul li{
    padding-left:28px;
    position:relative;
    margin-bottom:10px;
    font-weight:500;
}

.agblog-intro-text ul li:before{
    content:"✔";
    position:absolute;
    left:0;
    color:#7b1e3a;
    font-weight:bold;
}

/* IMAGE */
.agblog-intro-img img{
    width:100%;
    border-radius:16px;
    box-shadow:0 25px 60px rgba(0,0,0,0.12);
    transition:.4s;
}

.agblog-intro-img img:hover{
    transform:scale(1.05);
}

/* CTA */
.agblog-inline-cta{
    margin-top:20px;
 
    border-radius:6px;
}

/* CONTENT */

.agblog-intro-content h2{
    font-size:24px;
    font-weight:700;
    margin-bottom:18px;
    color:#111;
    line-height:1.3;
    text-align: left;
}
.agblog-intro-content h2:after{    background: transparent;}

.agblog-intro-content p{
    font-size:15px;
    color:#555;
    margin-bottom:15px;
    line-height:1.7;
}

/* LIST */

.agblog-intro-content ul{
    margin:20px 0;
    padding:0;
    list-style:none;
}

.agblog-intro-content ul li{
    margin-bottom:10px;
    padding-left:26px;
    position:relative;
    font-weight:500;
}

.agblog-intro-content ul li:before{
    content:"✔";
    position:absolute;
    left:0;
    color:#7b1e3a;
    font-weight:bold;
}

/* BUTTON */

.agblog-intro-btn{
    display:inline-block;
    margin-top:10px;
    padding:12px 22px;
    background:linear-gradient(135deg,#7b1e3a,#5f132c);
    color:#fff;
    border-radius:6px;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}

.agblog-intro-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 25px rgba(123,30,58,0.25);
}
    /* WRAPPER */

    .agblog-wrapper{max-width:1270px;margin:auto;/* padding:50px 20px; */font-family:Poppins,sans-serif;}



    /* BLOG CONTENT */

    .agblog-content{background:#fff;padding:35px;/* border-radius:12px; */line-height:1.8;font-size:16px;color:#444;padding-top: 0;}

    .agblog-content p{margin-bottom:18px;text-align: left;}

    .agblog-content h2{margin-bottom: 30px;font-size:26px;font-weight:700;color:#111;position:relative;padding: 10px 0;}



    /* LIST */

    .agblog-content ul{
    list-style:none;
    padding-left:0;
    margin:20px 0;
    }

    .agblog-content ul li{
   
    padding:10px 14px;
    margin-bottom:10px;
    border-radius:6px;
    padding-left:34px;
    position:relative;
    transition:all .25s ease;
    font-weight:500;
    }
.agblog-content h3{
    font-size:22px;
    font-weight:700;
    color:#111;
    margin-top: 40px;
    margin-bottom: 20px;
    /* padding-left:14px; */
    position:relative;
    line-height:1.4;
}
.agblog-cta1 h3::before{background:transparent !important}
.agblog-cta1 h3::after{background:transparent !important}
/* Left Accent Line */
/* .agblog-content h3::before{
    content:"";
    position:absolute;
    left:0;
    top:4px;
    height:70%;
    width:4px;
    background:linear-gradient(135deg,#7b1e3a,#c94b6b);
    border-radius:2px;
} */

/* Optional subtle underline */
/* .agblog-content h3::after{
    content:"";
    position:absolute;
    bottom:-5px;
    left:14px;
    width:50px;
    height:2px;
    background:#7b1e3a;
    opacity:0.3;
} */
    .agblog-content ul li:before{
    content:".";
    position:absolute;
    left:12px;
    top:8px;
    color:#111;
    font-weight:bold;
    }

   
    /* SIDEBAR */

    .agblog-sidebar{
    position:sticky;
    top:120px;
    height:fit-content;
    background:#fff;
    padding:20px;
    border-radius:10px;
    box-shadow:0 10px 25px rgba(0,0,0,0.08);
    }

    .agblog-sidebar h3{
    font-size:20px;
    margin-bottom:20px;
    font-weight:700;
    color:#222;
    border-left:4px solid #7b1e3a;
    padding-left:10px;
    }

    /* CONTACT BOX */

    .agblog-contact{
    position:sticky;
    top:120px;
    border:1px solid #eee;
    padding:25px;
    border-radius:10px;
    background:white;
    box-shadow:0 10px 25px rgba(0,0,0,0.08);
    }

    /* RECENT POST ITEM */

    .agblog-recent-item{
    display:flex;
    gap:12px;
    align-items:center;
    padding:10px;
    margin-bottom:12px;
    border-radius:8px;
    transition:all 0.3s ease;
    cursor:pointer;
    }

    .agblog-recent-item:hover{
    background:#fafafa;
    transform:translateY(-3px);
    box-shadow:0 6px 18px rgba(0,0,0,0.08);
    }

    .agblog-recent-item img{
    width:70px;
    height:70px;
    border-radius:8px;
    object-fit:cover;
    transition:transform 0.3s ease;
    }

    .agblog-recent-item:hover img{
    transform:scale(1.08);
    }

    .agblog-recent-item a{
    font-size:12px;
    font-weight:600;
    line-height:1.3;
    text-decoration:none;
    color:#333;
    transition:color 0.3s ease;
    }

    .agblog-recent-item a:hover{
    color:#7b1e3a;
    }

    /* BLOG SIDEBAR CONTACT FORM */

    .atamblog-contact{

    background:#ffffff;

    padding:28px;

    border-radius:12px;

    box-shadow:0 15px 40px rgba(0,0,0,0.08);

    border:1px solid #eee;

    position:sticky;

    top:120px;

    transition:all .3s ease;

    }

    .atamblog-contact:hover{

    transform:translateY(-3px);

    box-shadow:0 20px 45px rgba(0,0,0,0.12);

    }

    /* TITLE */

    .atamblog-contact h3{

    font-size:20px;

    font-weight:700;

    margin-bottom:18px;

    color:#222;

    border-left:4px solid #7b1e3a;

    padding-left:10px;

    }

    /* FORM */

    .atamblog-form{

    display:flex;

    flex-direction:column;

    gap:12px;

    }

    /* INPUT */

    .atamblog-form input,
    .atamblog-form select{

    width:100%;

    padding:11px 12px;

    border:1px solid #ddd;

    border-radius:6px;

    font-size:14px;

    transition:all .25s ease;

    background:#fafafa;

    }

    /* FOCUS EFFECT */

    .atamblog-form input:focus,
    .atamblog-form select:focus{

    outline:none;

    border-color:#7b1e3a;

    background:#fff;

    box-shadow:0 0 0 3px rgba(123,30,58,0.1);

    }

    /* BUTTON */

    .atamblog-form button{

    margin-top:5px;

    padding:13px;

    background:linear-gradient(
    135deg,
    #7b1e3a,
    #5f132c
    );

    color:#fff;

    border:none;

    border-radius:6px;

    font-weight:600;

    font-size:15px;

    cursor:pointer;

    transition:all .3s ease;

    }

    /* BUTTON HOVER */

    .atamblog-form button:hover{

    transform:translateY(-2px);

    box-shadow:0 10px 20px rgba(123,30,58,0.25);

    }

    /* BLOG FEATURED IMAGE */

    .agblog-featured-image{
    margin-bottom:28px;
    text-align:center;
    }

    .agblog-featured-image img{width: 50%;border-radius:12px;object-fit:cover;box-shadow:0 15px 40px rgba(0,0,0,0.15);transition:all .4s ease;transform:scale(1.03);    box-shadow: 0px 20px 20px rgb(138 138 138 / 90%);;margin-top: -180px;}


    .agblog-img-caption{
    font-size:13px;
    color:#777;
    margin-top:40px;
    font-style:italic;
    text-align: center !important;
    }
    /* ================================
RECENT ARTICLES - PREMIUM CLEAN UI
================================ */

.agblog-recent-section{
max-width:1200px;
margin:80px auto;
padding:0 20px;
border-top:1px solid #eee;
}

/* HEADER */

.agblog-recent-header{
display:flex;
justify-content:space-between;
align-items:flex-end;
margin-bottom:50px;
padding-bottom:15px;
border-bottom:1px solid #f1f1f1;
}

/* TITLE */

.agblog-recent-header h2{
font-size:32px;
font-weight:700;
color:#111;
letter-spacing:-0.5px;
position:relative;
margin:0;
}

/* ACCENT LINE */

.agblog-recent-header h2::before{
content:"";
position:absolute;
left:0;
bottom:-16px;
width:50px;
height:4px;
background:linear-gradient(90deg,#7b1e3a,#c44569);
border-radius:3px;
}

/* SUBTLE FADE LINE (OPTIONAL PREMIUM TOUCH) */

.agblog-recent-header h2::after{
content:"";
position:absolute;
left:55px;
bottom:-14px;
width:80px;
height:2px;
background:linear-gradient(90deg,#7b1e3a20,transparent);
}

/* VIEW ALL BUTTON */

.agblog-recent-header a{
font-size:14px;
font-weight:600;
color:#7b1e3a;
text-decoration:none;
padding:8px 18px;
border:1px solid #7b1e3a;
border-radius:30px;
transition:all .3s ease;
}

/* HOVER EFFECT */

.agblog-recent-header a:hover{
background:#7b1e3a;
color:#fff;
transform:translateY(-2px);
box-shadow:0 6px 15px rgba(123,30,58,0.25);
}


.agblog-recent-header a:hover{
opacity:.7;
}

/* GRID */

.agblog-recent-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:28px;
}

/* CARD */

.agblog-recent-card{
background:#fff;
border-radius:16px;
overflow:hidden;
box-shadow:0 6px 20px rgba(0,0,0,0.06);
transition:all .35s ease;
}

/* HOVER */

.agblog-recent-card:hover{
transform:translateY(-6px);
box-shadow:0 18px 40px rgba(0,0,0,0.12);
}

/* IMAGE */

.agblog-recent-card img{
width:100%;
height:200px;
object-fit:cover;
transition:transform .5s ease;
}

.agblog-recent-card:hover img{
transform:scale(1.05);
}

/* CONTENT */

.agblog-recent-content{
padding:20px;
}

/* TITLE */

.agblog-recent-content h3{
font-size:18px;
font-weight:600;
color:#111;
line-height:1.5;
margin-bottom:12px;
transition:.3s;
}

/* REMOVE BLUE LINK STYLE */

.agblog-recent-card a{
text-decoration:none;
color:inherit;
}

/* HOVER TITLE */

.agblog-recent-card:hover h3{
color:#7b1e3a;
}

/* READ MORE */

.agblog-read{
font-size:14px;
font-weight:600;
color:#7b1e3a;
position:relative;
display:inline-block;
}

/* UNDERLINE ANIMATION */

.agblog-read:after{
content:"";
position:absolute;
left:0;
bottom:-3px;
width:0%;
height:2px;
background:#7b1e3a;
transition:.3s;
}

.agblog-recent-card:hover .agblog-read:after{
width:100%;
}
    /* READ LINK */

    .agblog-read{

    display:inline-block;

    font-size:15px;

    font-weight:600;

    color:#7b1e3a;

    text-decoration:none;

    position:relative;

    transition:.3s;

    }

    .agblog-read:after{

    content:"";
    position:absolute;

    left:0;
    bottom:-3px;

    width:0%;

    height:2px;

    background:#7b1e3a;

    transition:.3s;

    }

    .agblog-read:hover:after{
    width:100%;
    }
    /* ===============================
CTA BUTTONS
=============================== */
.agblog-cta {
    margin: 30px 0;
    padding: 30px;
    border-radius: 12px;
    background: #f7f7f7;
    color: #fff;
    text-align: center;
}

.agblog-cta h3{margin-bottom:10px;font-size:20px;color:#111;margin: 0;}

.agblog-cta p{
margin-bottom:15px;
color:#111;
text-align: center;
}

.agblog-cta-btn {
    display: inline-block;
    padding: 12px 22px;
    background: linear-gradient(135deg, #8c1421, #5a0c14);
    color: #fff;
    font-weight: 600;
    border-radius: 6px;
    text-decoration: none;
    transition: .3s;
}

/* INLINE SMALL CTA */

.agblog-inline-cta{
margin:25px 0;

border-radius:6px;
}

.agblog-inline-cta a{
color:#7b1e3a;
font-weight:600;
text-decoration:none;
}
ul.ag-clean-list li {background: #f7f7f7; padding: 10px 14px; margin-bottom: 10px; border-radius: 6px; padding-left: 34px; position: relative; transition: all .25s ease; font-weight: 500;}
ul.ag-clean-list li:before{content: "✔";
    position: absolute;
    left: 12px;
    top: 8px;
    color: #7b1e3a;
    font-weight: bold;}
    .agblog-recent-section{
border-top:1px solid #eee;
padding-top:60px;
}
/* ================================
BLOG FILTER + SEARCH
================================ */

.agblog-controls {
  width: 100%;
  max-width: 1100px;
  margin: 40px auto;
  padding: 25px;
  border-radius: 16px;

  background: #ffffff;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06);

  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* ===== SEARCH BAR ===== */

#agblog-search {
  width: 100%;
  padding: 14px 18px;
  border-radius: 10px;
  border: 1px solid #e5e7eb;

  font-size: 15px;
  outline: none;

  transition: all 0.3s ease;
}

#agblog-search::placeholder {
  color: #9ca3af;
}

#agblog-search:focus {
  border-color: #7b1e3a;
  box-shadow: 0 0 0 3px rgba(123, 30, 58, 0.1);
}

/* ===== FILTER BUTTONS ===== */

.agblog-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

/* buttons */
.agblog-filters button {
  padding: 10px 18px;
  border-radius: 50px;
  border: 1px solid #e5e7eb;

  background: #f9fafb;
  color: #374151;

  font-size: 14px;
  font-weight: 500;
  cursor: pointer;

  transition: all 0.3s ease;
}

/* hover */
.agblog-filters button:hover {
  background: #7b1e3a;
  color: #ffffff;
  border-color: #7b1e3a;
  transform: translateY(-2px);
}

/* active button */
.agblog-filters button.active {
  background: linear-gradient(135deg,#7b1e3a,#5f132c);
  color: #ffffff;
  border-color: transparent;
  box-shadow: 0 8px 20px rgba(123, 30, 58, 0.25);
}
/* ===============================
   BLOG TOC (PREMIUM STYLE)
=============================== */

.agblog-toc{
  background: #fff;
  border: 1px solid rgba(123,30,58,0.15);
  border-left: 5px solid #7b1e3a;
  padding: 20px 22px;
  margin: 30px 0;
  border-radius: 10px;
  box-shadow: 0 8px 25px rgba(0,0,0,0.05);
  transition: all 0.3s ease;
}

.agblog-toc:hover{
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* TITLE */
.agblog-toc h3{
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 15px;
  color: #7b1e3a;
  position: relative;
  padding-left: 28px;
}

/* ICON DOT */
.agblog-toc h3::before{
  content: "";
  width: 10px;
  height: 10px;
  background: #7b1e3a;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 8px;
}

/* LIST */
.agblog-toc ul{
  list-style: none;
  padding: 0;
  margin: 0;
}

/* LIST ITEMS */
.agblog-toc ul li{
  margin-bottom: 10px;
  border-bottom: 1px dashed rgba(0,0,0,0.08);
  padding-bottom: 8px;
}

/* LINKS */
.agblog-toc ul li a{
  text-decoration: none;
  color: #333;
  font-size: 15px;
  display: block;
  transition: all 0.25s ease;
  position: relative;
  padding-left: 18px;
}

/* HOVER EFFECT */
.agblog-toc ul li a:hover{
  color: #7b1e3a;
  transform: translateX(4px);
}

.agblog-toc ul li a:hover::before{
  left: 4px;
}

/* LAST ITEM FIX */
.agblog-toc ul li:last-child{
  border-bottom: none;
}
.ag-table-wrap {
  width: 100%;
  overflow-x: auto;
  margin: 20px 0;
}

.ag-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 600px;
  font-size: 15px;
}

.ag-table th {
  background: #111;
  color: #fff;
  text-align: left;
  padding: 12px;
}

.ag-table td {
  padding: 12px;
  border-bottom: 1px solid #ddd;
}

.ag-table tr:hover {
  background: #f9f9f9;
}
    /* MOBILE */

    @media(max-width:900px){
        .ag-table {
    font-size: 13px;
  }
    .agblog-recent-grid{
grid-template-columns:1fr 1fr;
}

    }
    /* TABLET */

    @media(max-width:992px){

    .agblog-grid{
    grid-template-columns:1fr;
    }

    .agblog-sidebar{
    margin-top:30px;
    }

    .agblog-sidebar,
    .agblog-contact{
    position:relative;
    top:auto;
    }

    .agblog-hero{
    height:300px;
    }

    .agblog-hero-content h1{
    font-size:28px;
    }

    }
   /* ===============================
   BLOG SECTION
=============================== */

.agblog-listing{padding: 10px 20px;background:#f8fafc;font-family: 'Poppins', sans-serif;padding-bottom: 60px;}

.agblog-container{
max-width:1200px;
margin:auto;
}


/* ===============================
   HEADER
=============================== */

.agblog-recent-header{
margin-bottom:25px;
}

.agblog-recent-header h2{
font-size:28px;
font-weight:600;
color:#111;
}


/* ===============================
   CONTROLS (SEARCH + FILTER)
=============================== */

.agblog-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;margin-bottom: 40px;margin: 40px 0px;}

/* SEARCH */

#agblog-search{
flex:1;
min-width:250px;
padding:12px 15px;
border-radius:8px;
border:1px solid #ddd;
outline:none;
font-size:14px;
transition:.3s;
}

#agblog-search:focus{
border-color:#0073ff;
box-shadow:0 0 0 3px rgba(0,115,255,0.1);
}


/* FILTER BUTTONS */

.agblog-filters{
display:flex;
gap:10px;
flex-wrap:wrap;
}

.agblog-filters button{
padding:8px 16px;
border:none;
border-radius:50px;
background:#e5e7eb;
cursor:pointer;
font-size:13px;
transition:.3s;
}

.agblog-filters button:hover{
background:#0073ff;
color:#fff;
}

.agblog-filters button.active{
background:#0073ff;
color:#fff;
}


/* ===== BLOG GRID ===== */

.agblog-grid-list {
  max-width: 1100px;
  margin: 60px 0;
  /* padding: 0 20px; */
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 🔥 2 per row */
  gap: 40px;
}
/* ===== CARD ===== */

.agblog-card {
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;

  box-shadow: 0 10px 30px rgba(0,0,0,0.06);
  transition: all 0.35s ease;
  position: relative;
}

/* hover lift */
.agblog-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 50px rgba(0,0,0,0.12);
}

/* link full block */
.agblog-card a {
  display: block;
  text-decoration: none;
  color: inherit;
}

/* ===== IMAGE ===== */

.agblog-card img {
  width: 100%;
  height: 220px;
  object-fit: cover;

  transition: transform 0.5s ease;
}

/* zoom effect */
.agblog-card:hover img {
  transform: scale(1.08);
}

/* ===== CONTENT ===== */

.agblog-content {
  padding: 18px 18px 20px;
}

/* title */
.agblog-content h3 {
  font-size: 17px;
  font-weight: 600;
  color: #111827;
  line-height: 1.4;
  margin-bottom: 12px;

  transition: color 0.3s ease;
}

/* hover title */
.agblog-card:hover h3 {
  color: #7b1e3a;
}

/* read more */
.agblog-read {
  font-size: 14px;
  font-weight: 500;
  color: #6b7280;

  display: inline-flex;
  align-items: center;
  gap: 6px;

  transition: all 0.3s ease;
}

/* hover read */
.agblog-card:hover .agblog-read {
  color: #7b1e3a;
  transform: translateX(4px);
}

/* subtle top border accent */
.agblog-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 4px;
  width: 100%;
  background: linear-gradient(135deg,#7b1e3a,#5f132c);
  opacity: 0;
  transition: 0.3s;
}

.agblog-card:hover::before {
  opacity: 1;
}


/* ===============================
   PAGINATION
=============================== */

.agblog-pagination{
display:flex;
justify-content:center;
margin-top:40px;
gap:10px;
flex-wrap:wrap;
}

.agblog-page-btn{
padding:8px 14px;
border:none;
background:#e5e7eb;
border-radius:6px;
cursor:pointer;
transition:.3s;
}

.agblog-page-btn:hover{
background:#0073ff;
color:#fff;
}

.agblog-page-btn.active{
background:#0073ff;
color:#fff;
}
/* ===== BANNER HERO (FULLY ISOLATED) ===== */

.agbannerpro-hero {
  width: 100%;
  height: 85vh;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;

  /* Banner Image */
  background: url('/assets/images/blog-banner.webp') center/cover no-repeat;

  overflow: hidden;
}

/* 🔥 BLACK OVERLAY (STRONG + PROFESSIONAL) */
.agbannerpro-hero::before {
  content: "";
  position: absolute;
  inset: 0;

  /* Pure black overlay with slight gradient depth */
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.25) 0%,
    rgba(0, 0, 0, 0.85) 100%
  );
  z-index: 1;
}

/* Optional subtle brand tint (luxury feel) */
.agbannerpro-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  /* background: radial-gradient(
    circle at 70% 30%,
    rgba(123, 30, 58, 0.25),
    transparent 60%
  ); */
  z-index: 1;
}

/* Content */
.agbannerpro-overlay {
  position: relative;
  z-index: 2;
  max-width: 800px;
  text-align: center;
  padding: 0 20px;
  color: #ffffff;
}

/* Subtitle */
.agbannerpro-subtitle {
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #d1d5db;
  margin-bottom: 15px;
}

/* Title */
.agbannerpro-title {
  font-size: 70px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 20px;
}

/* Description */
.agbannerpro-desc {
  font-size: 17px;
  line-height: 1.8;
  color: #e5e7eb;
}
/* ===== SEARCH HEADING ===== */

.agblog-searchbox {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.agblog-heading {
  font-size: 20px;
  font-weight: 600;
  color: #111827;
}

.agblog-subtext {
  font-size: 14px;
  color: #6b7280;
  margin-bottom: 10px;
}
.agblog-content p a{    color: #7b1e3a;
    font-weight: 600;
    text-decoration: none;}

    /* ===============================
   RELATED BLOGS (PREMIUM)
=============================== */

.agblog-related{
  background: linear-gradient(135deg, #ffffff, #faf7f8);
  border: 1px solid rgba(123,30,58,0.12);
  padding: 22px 24px;
  margin: 40px 0;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.05);
  transition: all 0.3s ease;
}

.agblog-related:hover{
  box-shadow: 0 14px 35px rgba(0,0,0,0.08);
}

/* TITLE */
.agblog-related h3{
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 18px;
  color: #7b1e3a;
  position: relative;
  padding-left: 30px;
}

/* ICON STYLE */
.agblog-related h3::before{
  content: "📚";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
}

/* LIST */
.agblog-related ul{
  list-style: none;
  padding: 0;
  margin: 0;
}

/* LIST ITEMS */
.agblog-related ul li{
  margin-bottom: 12px;
}

/* LINKS (CARD STYLE) */
.agblog-related ul li a{
  display: block;
  text-decoration: none;
  background: #fff;
  padding: 12px 14px;
  border-radius: 8px;
  font-size: 15px;
  color: #333;
  border: 1px solid rgba(0,0,0,0.05);
  transition: all 0.25s ease;
  position: relative;
  padding-left: 38px;
}

/* LEFT STRIP */
.agblog-related ul li a::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 5px;
  background: #7b1e3a;
  border-radius: 8px 0 0 8px;
}

/* ARROW ICON */
.agblog-related ul li a::after{
  content: "→";
  position: absolute;
  right: 14px;
  color: #7b1e3a;
  font-size: 14px;
  transition: 0.2s;
}

/* HOVER EFFECT */
.agblog-related ul li a:hover{
  transform: translateX(6px);
  border-color: rgba(123,30,58,0.25);
  color: #7b1e3a;
  box-shadow: 0 6px 20px rgba(123,30,58,0.08);
}

.agblog-related ul li a:hover::after{
  right: 10px;
}

/* LAST ITEM */
.agblog-related ul li:last-child{
  margin-bottom: 0;
}
/* ===============================
   BLOG INTERNAL LINK LIST (ULTRA PREMIUM)
================================= */

.agblog-content .agblog-ul {
  list-style: none;
  padding: 0;
  margin: 30px 0;
  display: grid;
  gap: 14px;
}

/* Each Item */
.agblog-content .agblog-ul li {
  position: relative;
}

/* Link Box */
.agblog-content .agblog-ul li a {
  display: block;
  padding: 14px 18px 14px 50px;
  background:#fff;
  border-radius: 14px;
  text-decoration: none;
  font-size: 15px;
  font-weight: 500;
  color:  #5a0c14;
  border: 1px solid #e5e7eb;
  transition: all 0.35s ease;
  box-shadow: 0 4px 12px rgba(0,0,0,0.04);
}
.agblog-ul li::before{content: none !important;}
/* Left Icon Dot */
.agblog-content .agblog-ul li a::before {
  content: "➜";
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  color: #5a0c14;
  transition: 0.3s ease;
}

/* Hover Effect */
.agblog-content .agblog-ul li a:hover {
  background: linear-gradient(135deg, #8c1421, #5a0c14);
  color: #ffffff;
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(37, 99, 235, 0.25);
  border-color: transparent;
}

/* Hover Icon */
.agblog-content .agblog-ul li a:hover::before {
  color: #ffffff;
  transform: translateY(-50%) translateX(4px);
}

/* Active Click Effect */
.agblog-content .agblog-ul li a:active {
  transform: scale(0.98);
}
    /* MOBILE */

    @media(max-width:768px){
       .agblog-content .agblog-ul li a {
    font-size: 14px;
    padding: 12px 14px 12px 44px;
  }
      .agblog-intro-text h2{    font-size: 20px;}
.agbannerpro-hero{margin-top: 110px; height: 80vh;}
.agbannerpro-subtitle{font-size: 10px}

.agblog-grid-list{    grid-template-columns: repeat(1, 1fr);
}

 .agbannerpro-title {
    font-size: 30px;
  }
    .agbannerpro-desc {
    font-size: 15px;
    display: none;
  }
  .agblog-cta{padding: 20px 10px;}
.agblog-controls{
flex-direction:column;
align-items:stretch;
}
  .agblog-controls {
    padding: 20px;
  }

  .agblog-filters {
    gap: 10px;
  }

  .agblog-filters button {
    font-size: 10px;
    padding: 8px 14px;
  }
    .agblog-recent-grid{
    grid-template-columns:1fr;
    }

    .agblog-recent-header h2{
    font-size:26px;
    }
        .agblog-recent-grid{

    grid-template-columns:1fr;

    }
    .agblog-cta-btn{font-size: 14px;    padding: 8px 15px;}
    .agblog-content h3 ,.agblog-cta p{    font-size: 14px;}

    .agblog-intro-wrap{grid-template-columns: none;}
    .agblog-hero{
    height:100vh;
    }

    .agblog-hero-content h1{
    font-size:26px;
    }

    .agblog-hero-content p{
    font-size:15px;
    }

    .agblog-content{
    padding:25px;
    }

    .agblog-content h2{
    font-size: 20px;
        line-height: 29px;
    }

    }