#breadcrumbs {
    color: #000; /* Set visible text color */
    font-size: 16px;
    visibility: visible;
    opacity: 1;
    display: inline-block;
}

#breadcrumbs a {
    color: #000; /* Link color */
    text-decoration: underline;
}

#breadcrumbs .breadcrumb_last {
    font-weight: bold;
    color: #000;
}

.video-embed {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.video-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.video-embed {
    margin-bottom: 30px;
}

.video-embed-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%; /* 16:9 Aspect Ratio */
    border-radius: 15px; /* Rounded corners */
    margin-bottom: 20px; /* Optional spacing */
}

.video-embed-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.instagram-feed {
    padding: 60px 0;
}

.instagram-feed p, 
.instagram-feed h1, 
.instagram-feed h2, 
.instagram-feed h3, 
.instagram-feed span {
    color: #000 !important;
}

/* More specific selectors in case the above is too broad */
.instagram-feed .header-text,
.instagram-feed .header-text * {
    color: #000 !important;
}

/* White button style (Load More) */
.instagram-feed .sbi_load_btn {
    background-color: #ffffff !important;
    color: #000033 !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    padding: 16px 32px !important;
    border-radius: 50px !important;
    border: none !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    font-family: inherit !important;
    line-height: 1.5 !important;
    display: inline-block !important;
    min-width: 200px !important;
    text-align: center !important;
    margin: 10px !important;
}

/* Navy button style (Follow on Instagram) */
.instagram-feed .sbi_follow_btn a {
    background-color: #000033 !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    padding: 16px 32px !important;
    border-radius: 50px !important;
    border: none !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    font-family: inherit !important;
    line-height: 1.5 !important;
    display: inline-block !important;
    min-width: 200px !important;
    text-align: center !important;
    margin: 10px !important;
}

/* Hover effects */
.instagram-feed .sbi_load_btn:hover {
    background-color: #f5f5f5 !important;
    opacity: 0.9 !important;
}

.instagram-feed .sbi_follow_btn a:hover {
    background-color: #000066 !important;
    opacity: 0.9 !important;
}
/* Right button (Follow) - targeting all text elements inside */
.instagram-feed .sbi_follow_btn a,
.instagram-feed .sbi_follow_btn a *,
.instagram-feed .sbi_follow_btn a span {
    color: #ffffff !important;
    background-color: #000033 !important;
}

/* Make sure any SVG icons or paths are also white */
.instagram-feed .sbi_follow_btn a svg,
.instagram-feed .sbi_follow_btn a path {
    fill: #ffffff !important;
}

/* Apply link color reset and underlining only to standard text links, excluding buttons, cards, navbar, and social media icons */
a:not(.btn-default):not(.btn-white):not(.btn-link):not(.card):not(.info-card-link):not(.rating-text a):not(.profile a):not(.navbar a):not(.social-links a) {
    color: inherit !important;
    text-decoration: underline;
}

/* Ensure normal text links are underlined, but exclude unwanted areas */
body a:not(.btn-default):not(.btn-white):not(.btn-link):not(.card a):not(.info-card-link a):not(.rating-text a):not(.profile a):not(.navbar a):not(.social-links a):not(.post-title a):not(.entry-title a):not(.archive-title a):not(.meta a) {
    color: inherit !important;
    text-decoration: underline !important;
}

/* Remove underlining from blog archive post titles, buttons, navigation, and other structured links */
.card a,
.info-card-link a,
.rating-text a,
.profile a,
.navbar a,
.social-links a,
.post-title a,
.entry-title a,
.archive-title a,
.blogcard a,
.meta a,
h2 a,
h3 a,
h4 a,
.widget a {
    text-decoration: none !important;
}

/* Ensure blog archive and post meta links don't get underlined */
.archive a,
.blog a,
.meta a,
.entry-meta a,
.widget a {
    text-decoration: none !important;
}


/* Force social media icons in the footer to be white */
body.home .social-links a i {
    color: #ffffff !important;  /* Ensures icons are white */
}

/* Optional: Adjust hover color if needed */
body.home .social-links a:hover i {
    color: #cccccc !important;  /* Slightly lighter on hover, adjust as needed */
}

/* Limit heading width but keep them left-aligned */
.home .explore h2, 
.home .propeties-section h2 {
    max-width: 70%;       /* Prevent headings from stretching too wide */
    margin: 0;            /* Remove auto-centering */
    text-align: left;     /* Ensure left alignment like other headings */
    line-height: 1.2;     /* Optional: Adjust line spacing for consistency */
}

/* Keep buttons aligned and prevent text from wrapping */
.home .explore .btn-default, 
.home .propeties-section .btn-default {
    white-space: nowrap;  /* Prevent button text from wrapping */
    padding: 12px 24px;   /* Adjust button padding if needed */
    font-size: 16px;      /* Adjust font size if buttons still feel crowded */
}

/* Ensure proper spacing between heading and button on larger screens */
@media (min-width: 768px) {
    .home .explore .d-flex, 
    .home .propeties-section .d-flex {
        align-items: center;           /* Vertically align heading and button */
        justify-content: space-between; /* Keep heading and button on the same line */
    }
}

/* Custom CSS to match existing testimonial card styles */

/* General card styling */
.reviews .grw-review-inner {
    background: #ffffff !important;
    border-radius: 15px !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
    padding: 20px !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    border: none !important;
    height: auto !important;
    overflow: visible !important;
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    min-height: 150px !important;
    max-height: none !important;
}

/* Remove outer card effect */
.reviews .grw-review {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
}

/* Card hover effect */
.reviews .grw-review-inner:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15) !important;
}

/* Star rating styling */
.reviews .wp-google-stars .wp-star svg {
    fill: #FFD700 !important;
    margin-bottom: 10px !important;
}

/* Reviewer name styling */
.reviews .wp-google-name {
    font-weight: bold !important;
    margin-top: 10px !important;
    font-size: 16px !important;
    display: block !important;
    color: #333333 !important;
}

/* Review text styling */
.reviews .wp-google-feedback .wp-google-text {
    color: #333333 !important;
    margin: 15px 0 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    max-height: none !important;
    overflow: visible !important;
    display: block !important;
    height: auto !important;
    white-space: normal !important;
    word-wrap: break-word !important;
}

/* Hide unnecessary elements */
.reviews .wp-google-time {
    display: none !important;
}

/* Adjust profile picture */
.reviews .grw-review-avatar {
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
    margin-right: 10px !important;
}

/* Flexbox for aligning reviewer info */
.reviews .wp-google-left {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 10px !important;
}

/* Ensure the container stretches to fit content */
.reviews .grw-reviews {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
}

.reviews .grw-review-inner {
    flex: 1 1 calc(50% - 20px) !important;
    box-sizing: border-box !important;
}

/* Adjust container padding to ensure shadows are visible */
.reviews .container {
    padding: 20px 0 !important;
}

@media (max-width: 768px) {
    .reviews .grw-review-inner {
        flex: 1 1 100% !important;
    }
} 

/* Ensure full text visibility without scroll */
.reviews .wp-google-feedback {
    max-height: none !important;
    overflow: visible !important;
    display: block !important;
    height: auto !important;
}

.reviews .grw-review-inner {
    overflow: visible !important;
    height: auto !important;
}

.reviews .grw-review {
    overflow: visible !important;
    height: auto !important;
}

.reviews .grw-reviews {
    overflow: visible !important;
}

/* Style the Blog Post Title (H3) to Match the Previous H2 Look */
.info-card h3 {
    font-size: 2rem; /* Adjust to match previous H2 size */
    font-weight: bold; /* Maintain bold appearance */
    color: #333; /* Ensure color consistency */
    line-height: 1.4; /* Adjust spacing for readability */
    margin-bottom: 1rem; /* Maintain spacing from paragraph */
    text-transform: none; /* Ensures it doesn't accidentally change case */
}

/* Styling author archive pages */
.author-avatar {
    border-radius: 10px;
    width: 200px !important;
    height: 200px !important;
    object-fit: cover;
}

.author-bio {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

/* Remove underlines from blog post cards */
.blogcard a,
.card a,
.blogcard h3 a,
.blogcard .btn-link a,
.blogcard .text a,
.card .btn-link a,
.card .shortIntro a,
.card-body h3 a,
.blogcard .text p a {
    text-decoration: none !important;
    border-bottom: none !important;
    color: inherit !important;
    font-weight: normal !important;
}

/* Override the global rule */
body a:not(.btn):not(.btn-white):not(.btn-link):not(.card a):not(.info-card-link a):not(.rating-text a):not(.profile a):not(.navbar a):not(.social-links a):not(.post-title a):not(.entry-title a):not(.archive-title a):not(.meta a) {
    text-decoration: none !important;
}

/* Ensure no theme or plugin forces underlines */
a {
    text-decoration: none !important;
    border-bottom: none !important;
}

/* Enforce on hover and visited states */
a:hover, 
a:visited {
    text-decoration: none !important;
    border-bottom: none !important;
}

.home-quote h2 {
    font-size: 1.8rem;
    font-weight: 400;
    color: #000A40;
    margin-top: 5px;
    text-align: center;
}

/* Mobile-first hero section styles */
.hero-section {
    position: relative;
    padding: 120px 0 50px;  /* Default padding for desktop */
    background: #f9f9f9;
}

@media only screen and (max-width: 991px) {
    .hero-section {
        padding: 20px 0 30px;  /* Drastically reduced padding for mobile */
    }
    
    .hero-section .container {
        padding-top: 0;  /* Remove container padding on mobile */
        padding-bottom: 0;
    }
    
    /* Adjust header spacing if needed */
    .header {
        margin-bottom: 0;
    }
    
    .hero-section h1 {
        font-size: 24px;
        line-height: 1.3;
        margin-bottom: 15px;
        color: #000a40;
        font-weight: 700;
        text-align: center;
    }
    
    .hero-section .row {
        flex-direction: column-reverse;
    }
    
    .hero-section .col-lg-6 {
        width: 100%;
        text-align: center;
    }
}

@media only screen and (min-width: 992px) {
    .hero-section {
        padding: 100px 0 80px;  /* Reduced from 150px to 100px */
    }
    
    .hero-section h1 {
        font-size: 48px;
        line-height: 1.2;
        text-align: left;
    }
}

.hero-section .text-left {
    text-align: center; /* Center text on mobile */
}

@media (min-width: 768px) {
    .hero-section .text-left {
        text-align: left; /* Left-align text on tablets and larger */
    }
}
@media (max-width: 767px) {
    .hero-section .col-lg-6 {
        width: 100%;
        text-align: center;
    }
}
.hero-section img {
    width: 100%; 
    height: auto;
    max-width: 600px; /* Prevents it from getting too big */
    display: block;
    margin: 0 auto; /* Centers it */
}


.hero-section .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hero-section .col-lg-6 {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.hero-image {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.1);
    object-fit: cover;
}

@media (max-width: 991px) {
    .hero-section .row {
        flex-direction: column-reverse;
        text-align: center;
    }

    .hero-image {
        max-width: 80%;
    }
}

.hero-section .container {
    max-width: 1200px;
    padding-top: 40px;  /* Reduced from 80px to 40px */
    padding-bottom: 0px;
}

.hero-section p {
    font-size: 18px;
    opacity: 0.8;
    color: #000;
    font-weight: 400;
    line-height: 1.5;
}
.hero-section h1 {
    font-size: 48px;
    font-weight: 700;
    color: #000a40;
    line-height: 1;
    margin-bottom: 20px;
}

.hero-section h2 {
    font-size: 32px;
    font-weight: 500;
    line-height: 1.375em;
    color: #000;
}

.hero-section {
    background: #f9f9f9;
    padding: 120px 0px; /* Match spacing */
}
.hero-section .container {
    padding-top: 80px;
    padding-bottom: 0px;
}

.reviews {
    padding: 80px 0px 80px 0px;
}

/* Ensure AOS elements are visible by default */
[data-aos] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
}

/* Override any AOS classes that might hide content */
.aos-animate,
.aos-init {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
}

/* Reset Instagram feed container */
#sb_instagram {
    width: 100% !important;
    padding-bottom: 0 !important;
}

/* Fix grid layout */
#sb_instagram #sbi_images {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 10px !important;
    float: none !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Fix individual post items */
#sb_instagram .sbi_item {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Fix image aspect ratio */
#sb_instagram .sbi_photo_wrap {
    position: relative !important;
    padding-top: 100% !important; /* 1:1 aspect ratio */
    width: 100% !important;
    height: 0 !important;
}

#sb_instagram .sbi_photo {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Responsive adjustments */
@media (max-width: 991px) {
    #sb_instagram #sbi_images {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media (max-width: 640px) {
    #sb_instagram #sbi_images {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* Fix load more button container */
#sb_instagram #sbi_load {
    float: none !important;
    clear: both !important;
    padding: 20px 0 !important;
    text-align: center !important;
}

/* Fix header styling */
#sb_instagram .sb_instagram_header {
    padding: 10px !important;
    margin-bottom: 0 !important;
}

/* Ensure images are visible */
#sb_instagram .sbi_photo img {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}

/* Fix play button positioning for videos */
#sb_instagram .sbi_playbtn {
    z-index: 1 !important;
    margin: auto !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

/* Fix for stretched mobile logo */
.navbar-brand img {
    max-height: 45px;
    width: auto;
    object-fit: contain;
}

@media only screen and (max-width: 991px) {
    .header.fixed .navbar-brand img, 
    .header .navbar-brand img {
        max-height: 45px;
        width: auto;
        object-fit: contain;
    }
}

/* Strict fix for mobile logo aspect ratio */
.navbar-brand {
    display: inline-flex;
    align-items: center;
    height: auto;
}

.navbar-brand img {
    max-height: 45px;
    width: auto !important;
    height: auto !important;
    object-fit: contain;
    aspect-ratio: auto;
}

@media only screen and (max-width: 991px) {
    .header.fixed .navbar-brand img,
    .header .navbar-brand img {
        max-height: 45px;
        width: auto !important;
        height: auto !important;
        object-fit: contain;
        aspect-ratio: auto;
    }
    
    .navbar-brand {
        flex: 0 0 auto;
        max-width: fit-content;
    }
}

/* Mobile logo fix - preserving aspect ratio */
@media only screen and (max-width: 991px) {
    .navbar-brand {
        display: inline-flex;
        align-items: center;
        width: auto;
        max-width: 200px;
    }
    
    .navbar-brand img {
        width: 100%;
        height: 45px;
        max-width: 100%;
        object-fit: scale-down;
    }
    
    .header.fixed .navbar-brand img, 
    .header .navbar-brand img {
        width: 100%;
        height: 45px;
        max-width: 100%;
        object-fit: scale-down;
    }
}

/* Fix for horizontally stretched mobile logo */
@media only screen and (max-width: 991px) {
    .navbar-brand {
        display: inline-flex;
        align-items: center;
        width: auto !important;
        max-width: 150px !important;
    }
    
    .navbar-brand img {
        width: auto !important;
        height: 40px !important;
        max-width: none !important;
        object-fit: contain !important;
    }
    
    .header.fixed .navbar-brand img, 
    .header .navbar-brand img {
        width: auto !important;
        height: 40px !important;
        max-width: none !important;
        object-fit: contain !important;
    }
    
    /* Force natural dimensions */
    .d-lg-none.navbar-brand img {
        width: auto !important;
        height: 40px !important;
        max-width: none !important;
        object-fit: contain !important;
    }
}

/* Mobile-specific logo fix */
@media screen and (max-width: 991px) {
    .navbar-brand {
        display: inline-block;
        width: auto !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .navbar-brand img {
        height: 40px !important;
        width: auto !important;
        max-width: none !important;
        transform: scale(1) !important;
        -webkit-transform: scale(1) !important;
        object-fit: none !important;
        display: block !important;
    }
    
    /* Target specifically mobile devices */
    @supports (-webkit-touch-callout: none) {
        .navbar-brand img {
            height: 40px !important;
            width: auto !important;
            max-width: none !important;
            transform: scale(1) !important;
            -webkit-transform: scale(1) !important;
            object-fit: none !important;
            display: block !important;
        }
    }
}

/* Force mobile heading sizes with maximum specificity */
@media screen and (max-width: 767px) {
    /* Target the hero section heading directly */
    .hero-section h1,
    .hero-section > h1,
    section.hero-section h1,
    div.hero-section h1,
    body .hero-section h1,
    html body .hero-section h1,
    html[lang] body .hero-section h1,
    html[lang="en-US"] body .hero-section h1,
    body.home .hero-section h1,
    .hero-section h1[class],
    .hero-section h1:not([class]),
    .hero-section .col-lg-6 h1,
    .hero-section .col-lg-6.col-md-12 h1,
    .hero-section .col-lg-6.col-md-12.text-left h1 {
        font-size: 24px !important;
        line-height: 1.3 !important;
        margin-bottom: 15px !important;
        color: #000a40 !important;
        font-weight: 700 !important;
        text-align: center !important;
        max-width: 100% !important;
    }

    /* Override any Bootstrap or theme classes */
    .hero-section .h1,
    .hero-section [class*="display-"],
    .hero-section .display-1,
    .hero-section .display-2,
    .hero-section .display-3,
    .hero-section .display-4 {
        font-size: 24px !important;
        line-height: 1.3 !important;
    }

    /* Force container width and alignment */
    .hero-section .container,
    .hero-section .container-fluid {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* Force column width and alignment */
    .hero-section .col-lg-6,
    .hero-section .col-md-12,
    .hero-section .col-lg-6.col-md-12,
    .hero-section .col-lg-6.col-md-12.text-left {
        width: 100% !important;
        text-align: center !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    /* Reset any calc() or variable-based font sizes */
    .hero-section h1,
    .hero-section .h1 {
        font-size: 24px !important;
        font-size: max(24px, 24px) !important;
        font-size: min(24px, 24px) !important;
        font-size: clamp(24px, 24px, 24px) !important;
    }
}

/* Override any theme-specific styles */
@media screen and (max-width: 767px) {
    body.home .hero-section h1,
    body.page .hero-section h1,
    body.single .hero-section h1,
    body:not(.home) .hero-section h1 {
        font-size: 24px !important;
        line-height: 1.3 !important;
    }
}

/* Maximum override for mobile heading size */
@media screen and (max-width: 767px) {
    /* Reset any CSS variables that might affect font size */
    :root {
        --h1-font-size: 24px !important;
        --heading-font-size: 24px !important;
        --hero-heading-font-size: 24px !important;
    }

    /* Target with extreme specificity */
    html[lang]:not(#fake) body:not(#fake) .hero-section:not(#fake) .container:not(#fake) .row:not(#fake) .col-lg-6:not(#fake) h1:not(#fake),
    html[lang] body main .hero-section .container .row .col-lg-6 h1,
    html[lang] body div.hero-section h1,
    html[lang] body section.hero-section h1,
    html[lang] body .hero-section h1,
    .hero-section h1 {
        font-size: 24px !important;
        font-size: max(24px, 24px) !important;
        font-size: min(24px, 24px) !important;
        font-size: clamp(24px, 24px, 24px) !important;
        font-size: calc(24px) !important;
        line-height: 1.3 !important;
        margin-bottom: 15px !important;
        color: #000a40 !important;
        font-weight: 700 !important;
        text-align: center !important;
        max-width: 100% !important;
        width: 100% !important;
        display: block !important;
        transform: none !important;
        letter-spacing: normal !important;
        word-spacing: normal !important;
        text-transform: none !important;
        text-rendering: optimizeLegibility !important;
        -webkit-font-smoothing: antialiased !important;
        -moz-osx-font-smoothing: grayscale !important;
        text-size-adjust: 100% !important;
        -webkit-text-size-adjust: 100% !important;
        -moz-text-size-adjust: 100% !important;
        -ms-text-size-adjust: 100% !important;
        zoom: 1 !important;
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
    }

    /* Override any potential Bootstrap classes */
    .hero-section .display-1,
    .hero-section .display-2,
    .hero-section .display-3,
    .hero-section .display-4,
    .hero-section .h1,
    .hero-section [class*="display-"] {
        font-size: 24px !important;
        line-height: 1.3 !important;
    }

    /* Force container and column styles */
    html[lang] body .hero-section .container,
    .hero-section .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    html[lang] body .hero-section .col-lg-6,
    .hero-section .col-lg-6 {
        width: 100% !important;
        text-align: center !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        float: none !important;
    }
}

/* Ensure styles apply even with theme overrides */
@media screen and (max-width: 767px) {
    body:not(#fake) .hero-section h1[style],
    body:not(#fake) .hero-section h1[class],
    body:not(#fake) .hero-section h1 {
        font-size: 24px !important;
    }
}

/* Direct HTML structure targeting */
@media screen and (max-width: 767px) {
    /* Reset any theme variables */
    :root {
        --h1-font-size: 24px !important;
        --heading-font-size: 24px !important;
        --hero-heading-font-size: 24px !important;
        --bs-heading-font-size: 24px !important;
        --wp-heading-font-size: 24px !important;
    }

    /* Target exact structure from inspector */
    html[lang] body .hero-section h1,
    html[lang] body section.hero-section h1,
    html[lang] body div.hero-section h1,
    html[lang] body .hero-section > h1,
    html[lang] body .hero-section .container .row .col-lg-6 h1,
    html[lang] body .hero-section .container .row .col-lg-6.col-md-12 h1,
    html[lang] body .hero-section .container .row .col-lg-6.col-md-12.text-left h1,
    .hero-section h1 {
        font-size: 24px !important;
        font-size: max(24px, 24px) !important;
        font-size: min(24px, 24px) !important;
        font-size: clamp(24px, 24px, 24px) !important;
        font-size: calc(24px) !important;
        line-height: 1.3 !important;
        margin-bottom: 15px !important;
        color: #000a40 !important;
        font-weight: 700 !important;
        text-align: center !important;
        max-width: 100% !important;
        width: 100% !important;
        display: block !important;
        transform: none !important;
        letter-spacing: normal !important;
        word-spacing: normal !important;
        text-transform: none !important;
        text-rendering: optimizeLegibility !important;
        -webkit-font-smoothing: antialiased !important;
        -moz-osx-font-smoothing: grayscale !important;
        text-size-adjust: 100% !important;
        -webkit-text-size-adjust: 100% !important;
        -moz-text-size-adjust: 100% !important;
        -ms-text-size-adjust: 100% !important;
        zoom: 1 !important;
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        /* Override any potential inline styles */
        font: unset !important;
        font-family: inherit !important;
    }

    /* Override any potential inline styles */
    .hero-section h1[style] {
        font-size: 24px !important;
    }

    /* Force container and column styles */
    html[lang] body .hero-section .container,
    .hero-section .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    html[lang] body .hero-section .col-lg-6,
    .hero-section .col-lg-6 {
        width: 100% !important;
        text-align: center !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        float: none !important;
    }
}

/* Additional overrides for potential theme styles */
@media screen and (max-width: 767px) {
    /* Reset any potential theme-specific heading styles */
    .hero-section h1,
    .hero-section h1 *,
    .hero-section h1::before,
    .hero-section h1::after {
        font-size: 24px !important;
        line-height: 1.3 !important;
    }
}

/* Direct override of inspector styles */
.hero-section h1 {
    font-size: 48px;
    font-weight: 700;
    color: #000a40;
    line-height: 1;
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    /* Match exact inspector specificity */
    .hero-section h1 {
        font-size: 24px !important;
        line-height: 1.3 !important;
        margin-bottom: 15px !important;
        color: #000a40 !important;
        font-weight: 700 !important;
        text-align: center !important;
    }
}

/* Ensure mobile styles take precedence */
@media screen and (max-width: 767px) {
    html[lang] body .hero-section h1,
    body .hero-section h1,
    .hero-section h1 {
        font-size: 24px !important;
        font-size: max(24px, 24px) !important;
        font-size: min(24px, 24px) !important;
        font-size: clamp(24px, 24px, 24px) !important;
        font-size: calc(24px) !important;
    }
}

/* Force mobile heading size with exact structure match */
@media screen and (max-width: 767px) {
    html body section.hero-section .container .row .col-lg-6 h1,
    html body .hero-section .container .row .col-lg-6 h1,
    html body .hero-section h1 {
        font-size: 24px !important;
        line-height: 1.3 !important;
        margin-bottom: 15px !important;
        color: #000a40 !important;
        font-weight: 700 !important;
        text-align: center !important;
        max-width: 100% !important;
        width: 100% !important;
        display: block !important;
        transform: none !important;
        letter-spacing: normal !important;
        word-spacing: normal !important;
        text-transform: none !important;
        text-rendering: optimizeLegibility !important;
        -webkit-font-smoothing: antialiased !important;
        -moz-osx-font-smoothing: grayscale !important;
        text-size-adjust: 100% !important;
        -webkit-text-size-adjust: 100% !important;
        -moz-text-size-adjust: 100% !important;
        -ms-text-size-adjust: 100% !important;
        zoom: 1 !important;
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
    }

    /* Force container and column styles */
    html body .hero-section .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    html body .hero-section .col-lg-6 {
        width: 100% !important;
        text-align: center !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        float: none !important;
    }
}

/* Force mobile heading size with inline styles */
@media screen and (max-width: 767px) {
    .hero-section h1 {
        font-size: 24px !important;
        line-height: 1.3 !important;
        margin-bottom: 15px !important;
        color: #000a40 !important;
        font-weight: 700 !important;
        text-align: center !important;
        max-width: 100% !important;
        width: 100% !important;
        display: block !important;
        transform: none !important;
        letter-spacing: normal !important;
        word-spacing: normal !important;
        text-transform: none !important;
        text-rendering: optimizeLegibility !important;
        -webkit-font-smoothing: antialiased !important;
        -moz-osx-font-smoothing: grayscale !important;
        text-size-adjust: 100% !important;
        -webkit-text-size-adjust: 100% !important;
        -moz-text-size-adjust: 100% !important;
        -ms-text-size-adjust: 100% !important;
        zoom: 1 !important;
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        font: 24px/1.3 inherit !important;
    }
}

/* Reset any theme variables */
:root {
    --h1-font-size: 24px !important;
    --heading-font-size: 24px !important;
    --hero-heading-font-size: 24px !important;
    --bs-heading-font-size: 24px !important;
    --wp-heading-font-size: 24px !important;
}

/* Mobile Hero Heading Override */
@media screen and (max-width: 767px) {
    html body #home-hero h1 {
        font-size: 24px !important;
        line-height: 1.3 !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        -webkit-transform: none !important;
        text-rendering: optimizeLegibility !important;
        -webkit-font-smoothing: antialiased !important;
    }
}