/* Prevents the title from flashing before the animation starts */
.t4-hero .hero-heading {
    animation-fill-mode: both !important;
    opacity: 0;
}
.t4-hero .hero-intro {
    animation-fill-mode: both !important;
    opacity: 0;
}
.t4-hero .hero-btn-actions {
    animation-fill-mode: both !important;
    opacity: 0;
}
.t4-section-2 .t4-module .module-title {
    font-size: 32px !important;
}
.t4-section-2 .t4-module .module-ct{
    .hero-content .hero-img,
    .hero-content img {
        height: auto !important;
        max-width: 80px !important;
        display: block !important;
}}
.t4-offcanvas .t4-off-canvas-header {
    background-color: #427a95 !important; /* Matches header to body */
}
.t4-offcanvas .t4-off-canvas-body a {                
    color: #000000 !important; /* Change off-canvas menu text color */
}
.t4-offcanvas .t4-module .module-title {
    display: none !important;
}
/* Target the mobile logo image specifically */
@media (max-width: 991px) {
    .navbar-brand .logo-img,
    .navbar-brand img {
        height: auto !important; /* Adjust height as needed */
        min-width: 200px !important;
        display: block !important;
}}