#back_to_top span {
border-width: 1px;
}

header.sticky .header_bottom {
box-shadow: none;
}

nav.mobile_menu ul li a, nav.mobile_menu ul li h3 {
text-transform: uppercase;
}

/* Force the row to align items in the center vertically */
.vertical-align-hero .element_from_fade.element_from_fade_on > div {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap; /* Ensures it still stacks correctly on mobile */
}

/* Ensure the columns take up their full space inside the flex box */
.vertical-align-hero .vc_column_container {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.hero-product-title {
    color: #004a7c;
    font-size: 64px !important; /* Increased from 48px */
    line-height: 1.1 !important;
    font-weight: 900 !important;
    letter-spacing: -2px !important;
    margin-bottom: 25px !important;
    background: linear-gradient(to right, #000, #444); /* Subtle gradient for depth */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Mobile Adjustments */
@media only screen and (max-width: 767px) {
    .hero-product-title {
        font-size: 45px !important; /* Scaled down for mobile */
        letter-spacing: -1px !important; /* Reduced negative spacing for readability */
        line-height: 1.2 !important;
        margin-bottom: 5px !important;
    }
}

/* Space out the tab navigation items */
.q_tabs.vertical.left .tabs-nav li {
    margin-bottom: 12px !important; /* Adjust for more/less gap */
    border: 1px solid #e1e1e1 !important; /* The 'button' border */
    border-radius: 6px !important; /* Rounded corners */
    transition: all 0.3s ease;
    background-color: #f9f9f9; /* Light grey for inactive buttons */
}

.q_tabs.vertical.left .tabs-nav {
border-right: 1px solid #e1e1e1 !important;
}

/* Style for the Active (Selected) Tab */
.q_tabs.vertical.left .tabs-nav li.active,
.q_tabs.horizontal.center .tabs-nav li.active {
    background-color: #004a7c !important;
    border-color: #004a7c !important; /* Or your brand color */
    border-right-color: #004a7c !important; /* Or your brand color */
    box-shadow: 0 4px 12px rgba(0,0,0,0.05); /* Subtle lift effect */
}

/* Inactive Text Color */
.q_tabs.vertical.left .tabs-nav li a,
.q_tabs.horizontal.center .tabs-nav li a {
    color: #777777 !important;
    font-weight: 500 !important;
    transition: all 0.2s ease-in-out !important;
}

/* Hover State (Text & Border) */
.q_tabs.vertical.left .tabs-nav li:hover:not(.active),
 q_tabs.horizontal.center .tabs-nav li:hover:not(.active){
    background-color: #f0f0f0 !important;
    border-color: #bbbbbb !important;
}

.q_tabs.vertical.left .tabs-nav li:hover:not(.active) a,
.q_tabs.horizontal.center .tabs-nav li:hover:not(.active) a {
    color: #004a7c !important;
}

/* Active State Text (Keep it Bold & Dark) */
.q_tabs.vertical.left .tabs-nav li.active a,
.q_tabs.horizontal.center .tabs-nav li.active a {
    color: #ffffff !important;
    font-weight: 700 !important;
}

.q_tabs.vertical.left .tabs-nav li.active a ,
.q_tabs.horizontal.center .tabs-nav li.active a {
    border: none !important;
    border-right-color: #004a7c !important; /* Or your brand color */
}


/* Remove the default long vertical line */
.q_tabs.vertical.left .tabs-nav {
    border-right: none !important;
}

.q_tabs.vertical.left .tab-content {
border-left: none !important;
}

.q_tabs.vertical.left .tab-content > div {
    display: flex;
    justify-content: center;
}

/* Adjust link padding and text */
.q_tabs.vertical.left .tabs-nav li a {
    padding: 15px 20px !important;
    text-align: left !important;
}

/* Hover effect */
.q_tabs.vertical.left .tabs-nav li:hover,
.q_tabs.horizontal.center .tabs-nav li:hover {
    background-color: #f0f0f0;
    border-color: #cccccc;
}

/* Tighter grouping for the Expert Badges */
.vc_custom_label_partnership .vc_inner {
    max-width: 400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
}

/* Shrink the Expert Badges */
.expert-badge img {
    max-width: 120px !important; /* Smaller, more elegant size */
    height: auto !important;
    margin: 0 auto;
}

/* Default State: Blue Border and Blue Text */
.qbutton.big {
    background-color: transparent !important;
    border: 2px solid #004a7c !important;
    color: #004a7c !important;
    transition: all 0.3s ease-in-out !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700 !important;
}

/* Hover State: Fills with Blue, Text turns White */
.qbutton.big:hover {
    background-color: #004a7c !important;
    border-color: #004a7c !important;
    color: #ffffff !important;
}

/* Adjust the Claris Partner logo in the footer */
.footer_top img.image.wp-image-103 {
    max-width: 180px !important; /* Keep the partnership logo balanced */
}

.footer_bottom {
height: 10px;
}

/* Mobile Only Class */
@media only screen and (min-width: 768px) {
    .only-mobile { display: none !important; }
}

/* Desktop Only Class */
@media only screen and (max-width: 767px) {
    .only-desktop { display: none !important; }
}