* {
	font-family: 'Roboto' !important;
}
/* --- Hero Section --- */
.hero-slide {
	display: block;
	width: 100%;
	font-family: roboto !important;
}


/* --- Image Fitting --- */
.hero-left img {
	width: 100%;
	height: 450px;
	object-fit: cover;
	display: block;
}


/*license and ID section*/
/*new section*/

.news-link {
    color:var(--color-primary-blue-600);
    transition: color 0.2s ease-in-out;
     font-weight: 600;
    font-size: 0.95rem;
}

.news-link:hover {
    color: #0056b3;
    
    text-decoration-color: var(--color-primary-blue-400);
    text-decoration-thickness: 2px; /* Gets bolder */
    text-underline-offset: 7px;     /* Moves further down */
}

.news-link img {
    transition: transform 0.2s ease;
}

.news-link:hover img {
    transform: translateX(5px); 

}

.news-updates-section h2, .news-updates-section h3 {
    color: #212529 !important;
}

.news-updates-section .card {
    transition: transform 0.3s ease;
}

.news-updates-section .card:hover {
    transform: translateY(-5px);
}
/*tabs section*/

.custom-pill-bar {
    background-color: #f8f9fa; /* Light grey background */
    border: 1px solid #dee2e6;
    border-radius: 50px; /* Makes the entire bar a pill */
    padding: 6px;
    display: inline-flex; /* Wraps to content width */
    width: auto;
  
}


.custom-pill-bar .nav-link {
    border-radius: 50px; 
    color: #212529 !important;
    font-weight: 700;
    padding: 10px 25px;
    border: none;
    background: transparent;
    white-space: nowrap;
    transition: all 0.3s ease;
}


.custom-pill-bar .nav-link.active {
    background-color: #00406c !important; 
    color: white !important;
    box-shadow: 0 4px 10px rgba(0, 64, 108, 0.2);
}


.custom-pill-bar .nav-link:hover:not(.active) {
    background-color: #e9ecef;
    
}


.tab-pane:focus {
    outline: none;
}
.rec-icon
{
    width:20px;
    height:20px;
}


.icon-box-rounded {
    background-color: #f1f8fe;
    color: #00406c;
    width: 38px; 
    height: 38px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}


.card-footer {
    background-color: #f8fbff;
    border-top: 1px solid #e9ecef;
    transition: background-color 0.2s;
    margin-top: 8px; 
    border-radius: 0 0 12px 12px !important;
}
.card-footer:hover {
    background-color: #eef5ff;
}

/*addition info section*/

.bg-blue-tint {
    background-color:var(--color-primary-blue-600) ;
    
}
.hero-image-cover {
    width: 100%;
    height: 100%;
    object-fit: cover; /* This makes the image fill the column without stretching */
    display: block;
}
.new-resident-banner {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid #dee2e6;
    color: white ;
}
@media (max-width: 767px) {
    .hero-image-cover {
        height: 200px; 
    }
}

/*cards*/

.service-icon-large {
    width: 80px;     
    height: auto;     
    flex-shrink: 0;   
    margin: 0;        
}


.product-card-rect {
    border-radius: 12px;
    overflow: hidden;
    transition: transform 0.2s ease;
}

.card-footer-action {
    display: block;
    background-color: #f8fbff;
    border-top: 1px solid #e9ecef;
    transition: background-color 0.2s;
}

.card-footer-action:hover {
    background-color: #eef5ff;
}

.link-text-blue {
    color: var(--color-primary-blue-600) !important; /* Brand Blue */
    font-weight: 600;
}
/* form section */

.forms-banner-section .card {
    border: 1px solid #dee2e6 !important;
    transition: background-color 0.2s ease;
}

.forms-banner-section .card:hover {
    background-color: #ffffff !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
@media (max-width: 767px) {
    .forms-banner-section .row {
        flex-direction: column;
        text-align: center;
    }
    .forms-icon-img {
        margin: 0 auto 1rem auto;
    }
    .col.px-3 {
        padding: 0 0 1rem 0 !important;
    }
}
/*Laws*/
.bg-law{
    background-color: #ededed !important;
}