#about-us > div > div.txt > div:nth-child(25) > img {
    width: 20% !important;
    height: auto !important;
    max-width: 50% !important;
}

#sb_category_step_container > div:nth-child(1) > div > div.excerpt-info {
    /* A bright, deep Royal Blue border */
    border: 1px solid #0047AB !important; 
    
    /* Increased the opacity to 0.7 and the spread to 30px for a "Neon" effect */
    box-shadow: 0 10px 30px rgba(0, 71, 171, 0.7) !important;
    
    border-radius: 8px;
    transition: all 0.3s ease;
}



@media (max-width: 600px) {

    #main-buttons{

        background-image: url('https://ninavigsports.simplybook.it/uploads/ninavigsports/image_files/original/03e6ddf7d7d1e8006274da93d95444ac.png')!important; 

        background-size: contain!important; 
        background-position: center; 
        background-repeat: no-repeat!important; 
        display: block;

    }

}





#sb_reviews_add_container > div > div.title-main {
    /* 1. Center everything */
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;

    /* 2. THE SECRET: Limit width to force the break */
    /* Adjust this number (300px to 400px) until it breaks perfectly */
    max-width: 350px !important; 

    /* 3. Make it look premium */
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #303133 !important;
    line-height: 1.3 !important;
    letter-spacing: -0.2px !important;
}



#about-us > div > div.txt > p:nth-child(2) > img {
    width: 150px !important;
    max-width: 150px !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto 20px auto !important;
    border-radius: 10px !important; /* Changed back to 10px so it's not an oval */
}

#sb_menu_list_items_container .menu-item, 
#sb_menu_list_items_container a {
    font-size: 14px !important;      /* Adjust this to go even bigger if needed */
    font-weight: 500 !important;      /* Extra bold */
    text-transform: uppercase;        /* Optional: Makes it look more like a professional nav */
    letter-spacing: 0.5px;            /* Adds a clean, modern feel */
    color: #303133 !important;        /* Uses your Charcoal brand color */
    transition: color 0.3s ease;
}




#sb_location_step_container > div:nth-child(n) > div > div.excerpt-info {
/* A solid, dark charcoal border for a sharp edge */
    border: 1.5px solid #303133 !important; 
    
    /* The 'Perfect' glow ratio you liked: 0 offset, 8px down, 25px blur */
    /* Using the charcoal color at 40% opacity for depth */
    box-shadow: 0 8px 25px rgba(48, 49, 51, 0.4) !important;
    
    border-radius: 8px !important;
    background-color: #ffffff !important;
    transition: all 0.3s ease !important;
}


#sb_service_step_container > div:nth-child(n) > div > div.excerpt-info {
    /* A solid, dark charcoal border for a sharp edge */
    border: 1.5px solid #303133 !important; 
    
    /* The 'Perfect' glow ratio you liked: 0 offset, 8px down, 25px blur */
    /* Using the charcoal color at 40% opacity for depth */
    box-shadow: 0 8px 25px rgba(48, 49, 51, 0.4) !important;
    
    border-radius: 8px !important;
    background-color: #ffffff !important;
    transition: all 0.3s ease !important;
}

/* HOVER: The same subtle 'Lift' as the Category card */
#sb_service_step_container > div:nth-child(1) > div > div.excerpt-info:hover {
    box-shadow: 0 12px 30px rgba(48, 49, 51, 0.6) !important;
    transform: translateY(-3px) !important;
}

#main-buttons > div > div > div > div.company-name.company-logo-and-name {
    margin-top: 70px !important; /* Adjust the px value as needed */
}


#about-us > div > div.title-main {
display: none !important;
}



#sb_package_list_container > div > div:nth-child(n) > div > div.excerpt-info {
    /* A darker steel-gray border to define the edge */
    border: 1px solid #707a83 !important; 
    
    /* Increased opacity (0.5) and a darker grey-blue for the glow */
    box-shadow: 0 10px 30px rgba(80, 81, 83, 0.5) !important;
    
    background-color: #ffffff;
    border-radius: 8px;
    transition: all 0.3s ease;
}

/* Make it even more visible when they hover */
#sb_package_list_container > div > div:nth-child(1) > div > div.excerpt-info:hover {
    box-shadow: 0 15px 35px rgba(80, 81, 83, 0.7) !important;
    transform: translateY(-3px);
}


#sb_category_step_container > div:nth-child(3) > div > div.excerpt-info {
    /* A darkened version of your gold for the border */
    border: 1px solid #8B6F4B !important; 
    
    /* A soft, heavy gold glow for depth */
    box-shadow: 0 8px 25px rgba(139, 111, 75, 0.4) !important;
    
    border-radius: 8px;
    transition: all 0.3s ease;
}

/* Hover effect to make the gold "shine" slightly more */
#sb_category_step_container > div:nth-child(3) > div > div.excerpt-info:hover {
    box-shadow: 0 12px 30px rgba(139, 111, 75, 0.6) !important;
    transform: translateY(-2px);
}




#sb_category_step_container > div:nth-child(2) > div > div.excerpt-info {
    /* A darker, richer version of your ruby red for the edge */
    border: 1px solid #7a131c !important; 
    
    /* A soft, deep ruby glow that gives it depth */
    box-shadow: 0 8px 25px rgba(122, 19, 28, 0.4) !important;
    
    border-radius: 8px; /* Optional: matches modern card styling */
    transition: all 0.3s ease; /* Makes it feel premium when interacting */
}

/* Optional: Subtle "Glow" effect when someone hovers over it */
#sb_category_step_container > div:nth-child(2) > div > div.excerpt-info:hover {
    box-shadow: 0 12px 30px rgba(122, 19, 28, 0.6) !important;
    transform: translateY(-2px);
}


@media (min-width: 600px) {
#main-buttons{ min-height: 500px;}
#main-buttons > div > div > div > div.company-name.company-name-only {
    margin-top: 170px; 
}
#main-buttons > div > div > div > div.company-name.company-name-only {
    font-size: 0 !important;
    line-height: 0 !important;
    display: block !important;
    text-align: center !important;
}

/* LINE 1: NINA V */
#main-buttons > div > div > div > div.company-name.company-name-only::before {
    content: "Nina V";
    display: table !important; /* Allows the underline to fit the text width */
    margin: 0 auto 15px auto !important;
    font-size: 52px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    line-height: 1 !important;
    border-bottom: 3px solid #777 !important; /* The Underline */
    padding-bottom: 8px;
    visibility: visible !important;
}

/* LINE 2 & 3: THE SERVICES */
#main-buttons > div > div > div > div.company-name.company-name-only::after {
    content: "Mobile Massage Therapy \A & Personal Training";
    display: block !important;
    white-space: pre !important; /* Forces the \A to work as a hard return */
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    line-height: 1.4 !important;
    visibility: visible !important;
    text-transform: none !important;
}
}
@media (max-width: 600px) {
#main-buttons > div > div > div > div.company-name.company-name-only {
    margin-top: 120px; 
}
#main-buttons > div > div > div > div.company-name.company-name-only {
    font-size: 0 !important;
    line-height: 0 !important;
    display: block !important;
    text-align: center !important;
}

/* LINE 1: NINA V */
#main-buttons > div > div > div > div.company-name.company-name-only::before {
    content: "Nina V";
    display: table !important; /* Allows the underline to fit the text width */
    margin: 0 auto 15px auto !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    line-height: 1 !important;
    border-bottom: 3px solid #777 !important; /* The Underline */
    padding-bottom: 8px;
    visibility: visible !important;
}

/* LINE 2 & 3: THE SERVICES */
#main-buttons > div > div > div > div.company-name.company-name-only::after {
    content: "Mobile Massage Therapy \A & Personal Training";
    display: block !important;
    white-space: pre !important; /* Forces the \A to work as a hard return */
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    line-height: 1.4 !important;
    visibility: visible !important;
    text-transform: none !important;
}
}
}
/* CARD 1: DEEP BLUE GLOW */
#sb_category_step_container > div:nth-child(1) > div {
    box-shadow: 0 0 20px 4px rgba(0, 0, 139, 0.6) !important;
    border: 1px solid rgba(0, 0, 139, 0.4) !important;
}

/* CARD 2: DEEP RED GLOW */
#sb_category_step_container > div:nth-child(2) > div {
    box-shadow: 0 0 20px 4px rgba(150, 0, 0, 0.6) !important;
    border: 1px solid rgba(150, 0, 0, 0.4) !important;
}

/* CARD 3: DEEP GOLD GLOW */
#sb_category_step_container > div:nth-child(3) > div {
    box-shadow: 0 0 20px 4px rgba(184, 134, 11, 0.7) !important;
    border: 1px solid rgba(184, 134, 11, 0.4) !important;
}


/* 1. Hide the minor-related fields by default */
.form-group[data-field="0f4c85eb28e945af6359b4eca1af83f9"], 
.form-group[data-field="4b219b35b9ec48f450a2ba31decd85eb"],
.form-group[data-field="91065153346f90e7a8994abacfa2b3d2"],
.form-group[data-field="48d9385a6f1f969ed4e839edc6991197"],
.form-group[data-field="d5b6eb601fffc401acefb39e347b6b31"] {
    display: none;
}

/* 2. Only show them IF "no" is selected in the age dropdown */
#sb_additional_fields:has(select[name="cce679c6cdee0b6c71ef4f4c88dda861"] option[value="no"]:checked) 
.form-group[data-field="0f4c85eb28e945af6359b4eca1af83f9"],

#sb_additional_fields:has(select[name="cce679c6cdee0b6c71ef4f4c88dda861"] option[value="no"]:checked) 
.form-group[data-field="4b219b35b9ec48f450a2ba31decd85eb"],

#sb_additional_fields:has(select[name="cce679c6cdee0b6c71ef4f4c88dda861"] option[value="no"]:checked) 
.form-group[data-field="91065153346f90e7a8994abacfa2b3d2"],

#sb_additional_fields:has(select[name="cce679c6cdee0b6c71ef4f4c88dda861"] option[value="no"]:checked) 
.form-group[data-field="48d9385a6f1f969ed4e839edc6991197"],

#sb_additional_fields:has(select[name="cce679c6cdee0b6c71ef4f4c88dda861"] option[value="no"]:checked) 
.form-group[data-field="d5b6eb601fffc401acefb39e347b6b31"] {
    display: block;
}



@media (min-width: 1500px) {
    #main-buttons {
        min-height: 600px;
    }
#main-buttons > div > div > div > div.company-name.company-name-only {
    margin-top: 220px; 
}
}
@media (min-width: 1800px) {
    #main-buttons {
        min-height: 700px;
    }
#main-buttons > div > div > div > div.company-name.company-name-only {
    margin-top: 300px; 
}
}