#custom_header {
  border-bottom: 1px solid #f3f4f6;
  position: relative;
}

#custom_header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(to right, #172554, #1d4ed8, #60a5fa);
}

#custom_header {
    transition: box-shadow 0.3s ease;
}

#custom_header.scrolled {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
                0 2px 4px -2px rgba(0, 0, 0, 0.1);
}


.hero-gradient {
    background: linear-gradient(90deg, #0ea5e9 0%, #1e40af 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}



/* related posts  */


.rel-wrapper{
    max-width:1180px;
    margin: 0px auto 0;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

.rel-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:32px;
}
@media (max-width:900px){
    .rel-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:600px){
    .rel-grid{grid-template-columns:1fr;}
}

.rel-card{
    display:flex;
    flex-direction:column;
    gap:16px;
		padding: 28px 28px;
box-shadow: 0px 4px 12px 0px rgba(11, 16, 32, 0.04);

border-radius: 14px;
}

.rel-tag{
    display:inline-block;
    align-self:flex-start;
    font-family:"Inter", sans-serif;
    font-size: 12px;
    line-height: 12px;
font-weight: 500;
    padding: 10px 16px !important;
    border-radius:999px;
    background:#eef3fd;
    color:#1E40AF;
    width:fit-content;
}

.rel-title{
    font-family:"Space Grotesk", sans-serif;
    font-size:20px;
    font-weight:700;
    line-height:1.4;
    letter-spacing:-.1px;
    margin:0;
}
.rel-title a{
    color:#14142b;
    text-decoration:none;
}

.rel-meta{
    font-family:"Inter", sans-serif;
    font-size:14px;
    color:#64748B;
    line-height:18px;
}
/* related posts */


.ba-card .ba-card-title a:hover,
.rel-title a:hover,
.ba-featured-title a:hover{
	color: #1E40AF !important;
}

.rel-post-meta-author{
	color: #1E40AF;
font-weight: 600;
}

.rel-post-meta{
	font-size: 14px;
  color: #64748B;
}

.rel-card-image{
    position:relative;
    width:100%;
    height:200px;
    border-radius:14px;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    margin-bottom:4px;
}
.rel-card-image.rel-placeholder-gradient{
    background:linear-gradient(150deg,#0c0e2b 0%,#1c2570 45%,#3b5bf0 100%);
}
.rel-card-image::after {
    content: "";
    position: absolute;
    left: 20px;
    bottom: 20px;
    width: 25px;
    height: 16px;
    background: url("/wp-content/uploads/2026/09/Text.png") no-repeat left bottom;
    background-size: contain;
    z-index: 2;
    pointer-events: none;
}

.rel-card{
	padding: 0px;
}

.rel-card-content{
	padding-left: 28px;
	padding-right: 28px;
	padding-bottom: 28px;
display: flex;
    flex-direction: column;
    gap: 12px;
}



.ba-featured-image {
    position: relative;
}

.ba-featured-image > a {
    position: absolute;
    inset: 0;
    display: block;
    z-index: 1;
}

.agent-btn:focus{
	background: #1e40af;
}


/* hover cards  */

.ba-grid .ba-card {
    position: relative;
    transition: box-shadow 0.4s ease;
}

.ba-grid .ba-card > * {
    transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
}

.ba-grid .ba-card:hover > * {
    transform: translateY(-6px);
}

.rel-card{
	transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
}
.rel-card:hover{
	transform: translateY(-6px);
}

/* hover cards  */


/* media css  */

@media only screen and (max-width: 768px) {


    .ba-controls{
        margin-bottom: 40px !important;
    }

    .ba-featured-slider{
        border-radius: 0px !important;
        margin-bottom: 40px !important;
    }


	.ba-wrapper{
		padding: 0px !important;
	}

	.ba-featured-title {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 0px;
}

	.ba-meta{
		font-size: 14px;
	}

	.ba-excerpt p{
		font-size: 14px;
    line-height: 24px;
	}

	.ba-card .ba-excerpt{
		line-height: 24px;
	}

	.ba-card .ba-readmore, .ba-readmore{
		font-size: 14px;
	}

	.ba-card .ba-readmore::after{
		left: 80px;
    width: 10px;
    height: 10px;
	}

	.ba-card .ba-readmore:hover{
		font-size: 14px;
	}

	.ba-grid{
		gap: 38px 32px !important;
	}
}


.ba-featured-image{
	height: 320px !important;
    min-height: 320px !important;
}