.blogbanner{
/*background:
linear-gradient(90deg,#004aadcc,#00a6fbcc),
url('blog-banner.jpg');*/
 background: linear-gradient(135deg, var(--blue-900) 0%, var(--blue-700) 50%, var(--blue-500) 100%);
background-size:cover;
background-position:center;
padding:100px 0 140px;
color:white;
}
.category{
background:white;
color:#0066cc;
padding:8px 20px;
border-radius:30px;
font-weight:600;
display:inline-block;
}


.blogbanner h1{
font-size:52px;
font-weight:800;
max-width:850px;
}

.blog-info{
margin-top:25px;
}

.blog-info span{
margin-right:25px;
}

.main-wrap{
margin-top:-140px;
}

.article{
background:white;
padding:26px;
border-radius:25px;
box-shadow:0 15px 40px #0002;
}

.article h2{
 font-size: 30px!important;
 color: #253e83;
}

.article p,
.article li{
font-size:14px;
line-height:26px;
}

.highlight{
background:#eaf5ff;
border-left:5px solid #0066cc;
padding:25px;
border-radius:15px;
}

.highlight_link{
background:#fff8ee;
border-left:5px solid #e2626b;
padding:25px;
border-radius:15px;
}


.sidebar{
position:sticky;
top:65px;
}
.side-card{
background:white;
padding:25px;
border-radius:25px;
box-shadow:0 10px 30px #0001;
margin-bottom:25px;
}

.blog-card{
background:white;
border-radius:20px;
overflow:hidden;
box-shadow:0 10px 25px #0001;
}
.blog-card img{
height:180px;
width:100%;
object-fit:cover;

}
.author{
background:white;
padding:35px;
border-radius:25px;
box-shadow:0 15px 40px #0002;
}

.author img{
width:100px;
height:100px;
border-radius:50%;
object-fit:cover;
}

.cta{
background:
linear-gradient(120deg,#0066cc,#00b4db);
padding:70px;
border-radius:30px;
color:white;
}
.feature-img{
  margin-top:-50px;
}

.feature-img img{
width:100%;
height:450px;
object-fit:cover;
border-radius:25px;
box-shadow:0 20px 50px #0003;
}
.blog-image img{
    height:450px;
    object-fit:cover;
    border-radius:15px;
}

@media(max-width:768px){
    .blog-image img{
        height:250px;
    }
    .article h2{
     font-size: 23px!important;
    }
}
.social-share{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}

.social-share h5{
    width:100%;
    margin-bottom:10px;
}

.social-btn{
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    border-radius:50%;
    text-decoration:none;
    font-size:18px;
    transition:0.3s;
}

.social-btn:hover{
    transform:translateY(-3px);
    color:#fff;
}

.facebook{
    background:#1877f2;
}

.twitter{
    background:#1da1f2;
}

.linkedin{
    background:#0a66c2;
}

.whatsapp{
    background:#25d366;
}
.blog-tags{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.blog-tags span{
   background: linear-gradient(120deg, #00397e, #116798, #00397e);
    color:#fff;
    padding:7px 12px;
    border-radius:20px;
    font-size:12px;
    display:inline-block;
}

.services-tags{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.services-tags span{
   background-color: #00397e;
    color:#fff;
    padding:7px 12px;
    border-radius:20px;
    font-size:12px;
    display:inline-block;
}