.main-header .main-menu .navigation>li {
    padding-inline-end: 10px !important;
}

.flat-section {
    padding: 10px 0 !important;
    padding-top:50px !important;
}


/* Image styling */
.about-img {
    width: 100%;
    max-width: 80%; /* smaller image width */
    height: auto;
    display: block;
    margin: 0 auto; /* center horizontally */
}

/* Add spacing between image and text columns */
.about-section .row {
    row-gap: 2rem; /* adds space between rows on small screens */
}

.about-section .col-md-6 {
    padding: 15px 20px;
}

/* Reduce image height visually */


/* Extra spacing between sections */
.about-section .mb-5 {
    margin-bottom: 4rem !important;
}

.highlight-box {
    background-image:
        radial-gradient(circle at 30.00007629394531% 79.46969985961914%, #074485 0%, #074485 17.5%, rgba(7,68,133,0) 35%),
        radial-gradient(circle at 32.12125142415365% 70.98488489786784%, #074485 0%, #074485 17.5%, rgba(7,68,133,0) 35%),
        radial-gradient(circle at 94.35384114583333% 89.61588541666666%, #074485 0%, #074485 20%, rgba(7,68,133,0) 40%),
        radial-gradient(circle at 11.212121645609537% 89.166685740153%, rgba(220,232,255,0.99) 0%, rgba(220,232,255,0.99) 52.095%, rgba(220,232,255,0) 69%),
        radial-gradient(circle at 31.51522636413574% 41.287899017333984%, #074485 0%, #074485 42%, rgba(7,68,133,0) 70%),
        radial-gradient(circle at 80.06510416666667% 24.173583984375%, #094DCC 0%, #094DCC 42%, rgba(9,77,204,0) 70%),
        radial-gradient(circle at 48.9013671875% 49.521484375%, #FFFFFF 0%, #FFFFFF 100%, rgba(255,255,255,0) 100%);
    background-size: cover;
    background-attachment: fixed;
    color: white !important;
    border-radius: 1.5rem;
    padding: 2rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.highlight-box h2 {
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.highlight-box ul {
    padding-left: 1.2rem;
    font-size: 1rem;
    line-height: 1.7;
}

.highlight-box ul li {
    margin-bottom: 0.75rem;
}

.highlight-box .btn-light {
    background-color: white;
    color: #1e40af;
    font-weight: 600;
    border-radius: 50px;
    padding: 0.6rem 1.8rem;
    align-self: flex-start;
}

.info-card {
    background-color: white;
    border-radius: 1rem;
    padding: 2rem;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    height: 100%;
}

.info-card h3 {
    color: #0d6efd;
    font-weight: 600;
    font-size: 1.4rem;
    margin-bottom: 1rem;
}

.info-card ul {
    padding-left: 1.2rem;
}

.info-card ul li {
    margin-bottom: 0.9rem;
    line-height: 1.6;
}

.info-card .text-muted {
    font-size: 0.9rem;
}

.btn-primary-custom {
    background-color: #0d6efd;
    border: none;
    border-radius: 50px;
    padding: 0.6rem 1.8rem;
    font-weight: 600;
}

@media (max-width: 992px) {
    .highlight-box {
        border-radius: 1rem;
        margin-bottom: 1.5rem;
    }
    .info-card {
        margin-bottom: 1.5rem;
    }
}

.tenant-gradient-box {
    background: radial-gradient(circle at 30.00007629394531% 79.46969985961914%, #074485 0%, 17.5%, rgba(7,68,133,0) 35%),
                radial-gradient(circle at 32.12125142415365% 70.98488489786784%, #074485 0%, 17.5%, rgba(7,68,133,0) 35%),
                radial-gradient(circle at 94.35384114583333% 89.61588541666666%, #074485 0%, 20%, rgba(7,68,133,0) 40%),
                radial-gradient(circle at 11.212121645609537% 89.166685740153%, rgba(220,232,255,0.99) 0%, 52.095%, rgba(220,232,255,0) 69%),
                radial-gradient(circle at 31.51522636413574% 41.287899017333984%, #074485 0%, 42%, rgba(7,68,133,0) 70%),
                radial-gradient(circle at 80.06510416666667% 24.173583984375%, #094DCC 0%, 42%, rgba(9,77,204,0) 70%),
                radial-gradient(circle at 48.9013671875% 49.521484375%, #FFFFFF 0%, 100%, rgba(255,255,255,0) 100%);
}

/* Homepage transparent + sticky header */
#page-home .main-header {
    position: fixed;
    top: 36px !important;
    left: 0;
    width: 100%;
    background: transparent !important;
    z-index: 999;
}

/* Top header */
#page-home .top-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: transparent !important;
    z-index: 999;
}

/* Remove any header background */
#page-home .header-lower {
    background: transparent !important;
    box-shadow: none !important;
}

/* Blue strip on home – white text, no hover card */
.box-service.style-2 .content .description,
.box-service.style-2 .content .title,
.box-service.style-2 .content .title h6 {
    color: #ffffff !important;
}

/* Remove hover white-card effect for that strip only */
.box-service.style-2,
.box-service.style-2 .content-box,
.box-service.style-2:hover,
.box-service.style-2:hover .content-box {
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}

.box-service.style-2:before,
.box-service.style-2:hover:before,
.box-service.style-2 .content-box:before,
.box-service.style-2:hover .content-box:before {
    background: transparent !important;
    opacity: 0 !important;
}
#page-home nav.main-menu {
    background: transparent !important;
}

#page-home nav.main-menu.show {
    background: transparent !important;
}

#page-home .navbar-collapse {
    background: transparent !important;
}

#page-home .navigation.clearfix {
    background: transparent !important;
}

/* Core values row – transparent background, so use dark text */
.flat-section.flat-service-v3[style*="transparent"] .box-service.style-2 .content .description,
.flat-section.flat-service-v3[style*="transparent"] .box-service.style-2 .content .title,
.flat-section.flat-service-v3[style*="transparent"] .box-service.style-2 .content .title h6 {
    color: #333333 !important;   /* or #000 if you prefer pure black */
}