/* Page backgrounds*/

/* Change background image ONLY for Page ID 2263 */
.page-id-2263 {
    background-image: url('https://djmixandgo.com/wp-content/uploads/2025/03/Karaoke-Background.jpg') !important;
    background-repeat: repeat !important; /* Repeating pattern */
    background-size: auto !important; /* Keep the natural size of the pattern */
    background-position: center !important; /* Center the background */
    background-attachment: scroll !important; /* Normal scrolling behavior */
    background-color: transparent !important; /* No background color overlay */
}

/* Styling for Headers with Specific Class */
.page-id-2263 .custom-header {
    background-color: rgba(0, 0, 0, 0.7); /* Semi-transparent black background */
    color: #ffffff !important; /* Bright white text for contrast */
    padding: 10px; /* Add spacing inside the background */
    border-radius: 5px; /* Rounded corners for a polished look */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8); /* Subtle shadow for depth */
    display: inline-block; /* Ensures the background fits snugly around the text */
    margin-bottom: 15px; /* Space below headers */
    font-size: 1.8rem; /* Adjust font size for visibility */
}

/* Styling for Descriptions with Specific Class */
.page-id-2263 .custom-description {
    background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent white background */
    color: #14162A; /* Navy blue text for readability */
    padding: 10px; /* Add spacing inside the background */
    border-radius: 5px; /* Rounded corners for consistency */
    font-size: 1rem; /* Standard font size */
    line-height: 1.6; /* Improved spacing between lines */
    margin-bottom: 20px; /* Space below descriptions */
    font-style: italic; /* Distinct style for descriptions */
}

/* Center all H2 headers on Page ID 2263 */
.page-id-2263 h2 {
    text-align: center !important; /* Centers the text */
    width: 100%; /* Ensures full-width alignment */
    margin: 0 auto; /* Centers the block if needed */
}

/* Apply background image DJ Services ONLY for Page ID 1858 */
.page-id-1858 {
    background-image: url('https://djmixandgo.com/wp-content/uploads/2025/03/About-Us-prawn-1-1.webp') !important;
    background-repeat: no-repeat !important; /* Ensures the image does not repeat */
    background-size: cover !important; /* Makes the image cover the entire background */
    background-position: center !important; /* Centers the image */
    background-attachment: fixed !important; /* Keeps the background fixed during scroll */
    background-color: transparent !important; /* Ensures no background color interferes */
}

/* Styling for Headers with a Custom Class */
.page-id-1858 .dj-header {
    background-color: rgba(0, 0, 0, 0.8); /* Semi-transparent black background */
    color: #ffffff !important; /* White text for contrast */
    padding: 10px 20px; /* Spacing inside the background */
    border-radius: 8px; /* Rounded corners for a sleek look */
    text-align: center; /* Center-align the text */
    font-size: 2rem; /* Adjust font size for headers */
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); /* Subtle shadow for depth */
    display: inline-block; /* Snug fit for background */
    margin-bottom: 20px; /* Space below headers */
}

/* Styling for Descriptions with a Custom Class */
.page-id-1858 .dj-description {
    background-color: rgba(255, 255, 255, 0.9); /* Semi-transparent white background */
    color: #14162A; /* Navy blue text for readability */
    padding: 15px; /* Add spacing inside the background */
    border-radius: 8px; /* Rounded corners for consistency */
    font-size: 1.1rem; /* Slightly larger font size */
    line-height: 1.8; /* Improved spacing between lines */
    margin-bottom: 20px; /* Space below descriptions */
    font-style: italic; /* Add a touch of elegance */
}

/* Style the form container for Page ID 1858 */
.page-id-1858 .wpforms-container {
    background-color: rgba(255, 255, 255, 0.98) !important; /* Semi-transparent white background */
    border: 2px solid #0066CC !important; /* Blue border for branding */
    border-radius: 15px !important; /* Rounded corners */
    padding: 25px !important; /* Space inside the container */
    box-shadow: 0 4px 15px rgba(0, 102, 204, 0.15) !important; /* Subtle shadow for depth */
    max-width: 800px !important; /* Keep the form container manageable */
}

/* Ensure the form fields are readable */
.page-id-1858 .wpforms-field input,
.page-id-1858 .wpforms-field textarea {
    background-color: #ffffff !important; /* Solid white background for fields */
    border: 1px solid #0066CC !important; /* Blue border for consistency */
    border-radius: 8px !important; /* Rounded corners for input fields */
    padding: 12px !important; /* Add space inside the fields */
    margin: 8px 0 !important; /* Space between fields */
    width: 100% !important; /* Full-width fields */
    font-size: 1rem !important; /* Readable font size */
}

/* Fix checkbox and radio button alignment */
.page-id-1858 .wpforms-field-checkbox ul,
.page-id-1858 .wpforms-field-radio ul {
    display: block !important; /* Stack options vertically */
    gap: 10px !important; /* Add space between options */
}

.page-id-1858 .wpforms-field-checkbox li,
.page-id-1858 .wpforms-field-radio li {
    display: flex !important; /* Align checkbox/radio with labels */
    align-items: center !important; /* Vertically align items */
    margin: 0 !important; /* Remove default margin */
}

.page-id-1858 .wpforms-field-checkbox input,
.page-id-1858 .wpforms-field-radio input {
    margin-right: 10px !important; /* Space between checkbox/radio and label */
    accent-color: #0066CC !important; /* Blue checkbox/radio color */
}

/* Style the submit button */
.page-id-1858 .wpforms-submit {
    background-color: #0066CC !important; /* Blue button */
    color: #ffffff !important; /* White text */
    padding: 12px 20px !important; /* Button padding */
    border-radius: 8px !important; /* Rounded corners */
    border: none !important; /* Remove default border */
    font-size: 1rem !important; /* Readable font size */
    cursor: pointer !important; /* Pointer cursor on hover */
    transition: all 0.3s ease-in-out !important; /* Smooth hover effect */
}

/* Submit button hover effect */
.page-id-1858 .wpforms-submit:hover {
    background-color: #004c99 !important; /* Darker blue on hover */
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3) !important; /* Enhance shadow on hover */
    transform: scale(1.05) !important; /* Slight zoom effect */
}

/* Apply background image to DJ Rates Page ID 1903 */
.page-id-1903 {
    background-image: url('https://djmixandgo.com/wp-content/uploads/2025/03/Dance-floor-rates-backgrond.jpg') !important;
    background-repeat: no-repeat !important; /* Prevent repeating */
    background-size: cover !important; /* Cover the entire page */
    background-position: center !important; /* Center the image */
    background-attachment: fixed !important; /* Parallax effect (optional) */
}

/* Fix checkbox styling specifically for Page ID 1858 */
.page-id-1858 .wpforms-field-checkbox input[type="checkbox"] {
    margin: 0 !important; /* Reset default margins */
    width: 20px !important; /* Set consistent checkbox size */
    height: 20px !important; /* Set consistent checkbox size */
    accent-color: #0066CC !important; /* Blue color for checkboxes */
    display: inline-block !important; /* Ensure checkboxes are inline */
    position: relative !important; /* Keep natural alignment */
}

.page-id-1858 .wpforms-field-checkbox label {
    margin: 0 !important; /* Remove default margins */
    padding: 0 !important; /* Remove default padding */
    line-height: 1.4 !important; /* Set consistent line height */
    color: #14162A !important; /* Navy blue text for readability */
    display: inline-block !important; /* Keep labels inline with checkboxes */
    vertical-align: middle !important; /* Align text with checkboxes */
    cursor: pointer !important; /* Add pointer cursor for better UX */
}

.page-id-1858 .wpforms-field-checkbox li {
    display: flex !important; /* Align checkbox and label in a row */
    align-items: center !important; /* Center-align checkbox and label */
    gap: 8px !important; /* Add spacing between checkbox and label */
    margin-bottom: 10px !important; /* Space between checkbox items */
}

.page-id-1858 .wpforms-field-checkbox ul {
    list-style: none !important; /* Remove default list styling */
    padding: 0 !important; /* Remove padding */
    margin: 0 !important; /* Remove margin */
}

/* Apply background image to Page ID 1903 */
.page-id-1903 {
    background-image: url('https://sintra-images.s3.eu-north-1.amazonaws.com/d04664f5-9eba-448f-ad4c-c7794cd2e6d4/e8c03719-0c1a-450c-acc7-57ccbdbdd033/Dance_floor_rates_backgrond.png') !important;
    background-repeat: no-repeat !important; /* Prevent repeating */
    background-size: cover !important; /* Cover the entire page */
    background-position: center !important; /* Center the image */
    background-attachment: fixed !important; /* Parallax effect */
}

/* Styling for Headers and Descriptions using Custom Class */
.page-id-1903 .dance-floor-theme h1,
.page-id-1903 .dance-floor-theme h2,
.page-id-1903 .dance-floor-theme h3,
.page-id-1903 .dance-floor-theme h4,
.page-id-1903 .dance-floor-theme p {
    color: #ffffff !important; /* Bright white text for contrast */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important; /* Subtle shadow for depth */
    background-color: rgba(0, 0, 0, 0.5) !important; /* Semi-transparent black background */
    padding: 10px 15px !important; /* Add spacing inside the text box */
    border-radius: 8px !important; /* Rounded corners for a polished look */
    margin-bottom: 15px !important; /* Space between elements */
    font-family: 'Arial', sans-serif !important; /* Clean, modern font */
    line-height: 1.6 !important; /* Improve readability */
}

/* Styling for Headers (H1-H4) */
.page-id-1903 .dance-floor-theme h

/* Apply background image to Page ID 2168 */
.page-id-2168 {
    background-image: url('https://djmixandgo.com/wp-content/uploads/2025/03/success-track-background.jpg') !important;
    background-repeat: no-repeat !important; /* Prevent repeating */
    background-size: cover !important; /* Cover the entire page */
    background-position: center !important; /* Center the image */
    background-attachment: fixed !important; /* Optional parallax effect */
    min-height: 100vh !important; /* Ensure full-page coverage */
    position: relative !important; /* Maintain proper stacking */
}

.page-id-2168 {
    background-image: url('https://djmixandgo.com/wp-content/uploads/2025/03/success-track-background.jpg') !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    background-attachment: fixed !important; /* Optional parallax effect */
    min-height: 100vh !important;
    background-color: #003399 !important; /* Fallback color */
}

/* Styling for Headers in Haitian Gold */
.page-id-2168 .haitian-gold {
    color: #FFBF00 !important; /* Haitian Gold */
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.8) !important; /* Add depth */
    font-weight: bold !important; /* Make headers stand out */
    font-size: 1.8rem !important; /* Adjust size for emphasis */
    text-transform: uppercase !important; /* Professional feel */
    margin-bottom: 10px !important; /* Add spacing below headers */
    font-family: 'Arial', sans-serif !important; /* Clean, professional font */
}

/* Styling for Descriptions in Unity Beat Blue */
.page-id-2168 .unity-beat-blue {
    color: #003399 !important; /* Unity Beat Blue */
    font-size: 1.1rem !important; /* Slightly larger for readability */
    line-height: 1.6 !important; /* Improve text spacing */
    font-family: 'Arial', sans-serif !important; /* Clean font */
    margin-bottom: 15px !important; /* Space between paragraphs */
    background-color: rgba(255, 255, 255, 0.8) !important; /* Subtle white background for contrast */
    padding: 10px 15px !important; /* Add spacing around text */
    border-radius: 8px !important; /* Rounded corners for a polished look */
}

/* Background for Page ID 593 - Interactive Story Time */
.page-id-593 {
    background-image: url('https://djmixandgo.com/wp-content/uploads/2025/02/Chalkcar-background.webp') !important;
    background-repeat: no-repeat !important; /* Prevent repeating */
    background-size: cover !important; /* Cover the entire page */
    background-position: center !important; /* Center the image */
    background-attachment: fixed !important; /* Optional parallax effect */
}

/* Background for Page ID 2089 - Chalkcar Main Services Pages */
.page-id-2089 {
    background-image: url('https://djmixandgo.com/wp-content/uploads/2025/02/Chalkcar-background.webp') !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    background-attachment: fixed !important;
}

/* Background for Page ID 594 - Mobile Chalkcar Advertising */
.page-id-594 {
    background-image: url('https://djmixandgo.com/wp-content/uploads/2025/02/Chalkcar-background.webp') !important;
    background-repeat: no-repeat !important; /* Prevent repeating */
    background-size: cover !important; /* Cover the entire page */
    background-position: center !important; /* Center the image */
    background-attachment: fixed !important; /* Optional parallax effect */
}

/* Styling for Chalkcar Headers */
.page-id-593 .chalkcar-header,
.page-id-2089 .chalkcar-header,
.page-id-594 .chalkcar-header {
    color: #FFD700 !important; /* Bright Gold for headers */
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.8) !important; /* Add depth for readability */
    font-weight: bold !important; /* Make headers stand out */
    font-size: 2rem !important; /* Adjust size for emphasis */
    text-transform: uppercase !important; /* Professional, bold look */
    margin-bottom: 10px !important; /* Add spacing below headers */
    font-family: 'Arial', sans-serif !important; /* Clean, professional font */
}

/* Styling for Chalkcar Descriptions */
.page-id-593 .chalkcar-description,
.page-id-2089 .chalkcar-description,
.page-id-594 .chalkcar-description {
    color: #FFFFFF !important; /* Crisp White for descriptions */
    font-size: 1.2rem !important; /* Slightly larger for readability */
    line-height: 1.6 !important; /* Improve text spacing */
    font-family: 'Arial', sans-serif !important; /* Clean font */
    margin-bottom: 15px !important; /* Space between paragraphs */
    background-color: rgba(0, 0, 0, 0.6) !important; /* Semi-transparent black background for contrast */
    padding: 10px 15px !important; /* Add spacing around text */
    border-radius: 8px !important; /* Rounded corners for a polished look */
}

#wpforms-2990 {
    position: relative;
    background: rgba(255, 255, 255, 0.9); /* Light overlay for readability */
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

/* Virgin Voyages Page Background */
.page-id-1807 {
    background-image: url('https://djmixandgo.com/wp-content/uploads/2025/03/travel-page-backgrounds.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
}

/* Group Trips Page Background */
.page-id-2467 {
    background-image: url('https://djmixandgo.com/wp-content/uploads/2025/03/travel-page-backgrounds.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
}

/* Dream Drop Custom Travel Page Background */
.page-id-597 {
    background-image: url('https://djmixandgo.com/wp-content/uploads/2025/03/travel-page-backgrounds.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
}

/* Form container styling for Page ID 1807 */
.page-id-1807 #wpforms-3336 {
    position: relative;
    background: rgba(255, 255, 255, 0.9); /* Light overlay for readability */
    padding: 20px;
    border-radius: 10px; /* Smooth rounded corners */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Subtle shadow for depth */
    margin: 20px auto; /* Center the form */
    max-width: 800px; /* Limit form width for readability */
}

/* Checkbox styling */
.page-id-1807 #wpforms-3336 .wpforms-field-checkbox li {
    display: flex; /* Align checkbox and label horizontally */
    align-items: center; /* Center-align them vertically */
    margin-bottom: 10px; /* Add spacing between checkboxes */
}

.page-id-1807 #wpforms-3336 .wpforms-field-checkbox input[type="checkbox"] {
    margin-right: 10px; /* Add space between checkbox and label */
    width: 20px; /* Set consistent size */
    height: 20px; /* Set consistent size */
    border: 1px solid #0066CC; /* Blue border for consistency */
    border-radius: 3px; /* Slightly rounded corners */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
    cursor: pointer; /* Pointer cursor for clarity */
    transition: box-shadow 0.3s ease; /* Smooth hover effect */
}

/* Checkbox hover effect */
.page-id

/* General container styling for text over the background */
.travel-page-text {
    position: relative; /* Ensure text is layered over the background */
    z-index: 2; /* Keep text on top of the background */
    text-align: center; /* Center-align all text */
    padding: 20px; /* Add spacing for better readability */
    background: rgba(0, 0, 0, 0.6); /* Semi-transparent black background */
    border-radius: 10px; /* Smooth rounded corners */
    color: #ffffff; /* White text for contrast */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); /* Subtle shadow for depth */
    margin: 20px auto; /* Center the text block */
    max-width: 800px; /* Limit the width for readability */
}

/* Styling for Headers on Page ID 1807 */
.page-id-1807 .travel-header {
    color: #003399 !important; /* Unity Beat Blue for a bold, standout look */
    background-color: rgba(255, 255, 255, 0.6) !important; /* Light transparent white background */
    border: 3px solid #FFD700 !important; /* Bold Haitian Gold border */
    font-size: 2rem !important; /* Large, attention-grabbing size */
    font-weight: bold !important; /* Make headers pop */
    text-transform: uppercase !important; /* Professional, bold style */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5) !important; /* Subtle shadow for depth */
    padding: 15px !important; /* Add spacing inside the header */
    border-radius: 10px !important; /* Rounded corners for a polished look */
    margin-bottom: 10px !important; /* Add spacing below headers */
    font-family: 'Arial', sans-serif !important; /* Clean, professional font */
    display: inline-block !important; /* Ensure proper alignment */
}

/* Styling for Descriptions on Page ID 1807 */
.page-id-1807 .travel-description {
    color: #003399 !important; /* Unity Beat Blue for clear readability */
    background-color: rgba(255, 255, 255, 0.6) !important; /* Light transparent white background */
    border: 2px solid #FFD700 !important; /* Bold Haitian Gold border */
    font-size: 1.2rem !important; /* Slightly larger for readability */
    line-height: 1.6 !important; /* Improve text spacing */
    font-family: 'Arial', sans-serif !important; /* Clean font */
    padding: 15px !important; /* Add spacing inside the description */
    border-radius: 8px !important; /* Rounded corners for a polished look */
    margin-bottom: 15px !important; /* Space between paragraphs */
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5) !important; /* Subtle shadow for depth */
    display: inline-block !important; /* Ensure proper alignment */
}

/* Styling for Headers on Multiple Page IDs */
.page-id-1807 .travel-header,
.page-id-2467 .travel-header,
.page-id-598 .travel-header,
.page-id-597 .travel-header {
    color: #003399 !important; /* Unity Beat Blue for a bold, standout look */
    background-color: rgba(255, 255, 255, 0.6) !important; /* Light transparent white background */
    border: 3px solid #FFD700 !important; /* Bold Haitian Gold border */
    font-size: 2rem !important; /* Large, attention-grabbing size */
    font-weight: bold !important; /* Make headers pop */
    text-transform: uppercase !important; /* Professional, bold style */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5) !important; /* Subtle shadow for depth */
    padding: 15px !important; /* Add spacing inside the header */
    border-radius: 10px !important; /* Rounded corners for a polished look */
    margin-bottom: 10px !important; /* Add spacing below headers */
    font-family: 'Arial', sans-serif !important; /* Clean, professional font */
    display: inline-block !important; /* Ensure proper alignment */
}

/* Styling for Descriptions on Multiple Page IDs */
.page-id-1807 .travel-description,
.page-id-2467 .travel-description,
.page-id-598 .travel-description,
.page-id-597 .travel-description {
    color: #003399 !important; /* Unity Beat Blue for clear readability */
    background-color: rgba(255, 255, 255, 0.6) !important; /* Light transparent white background */
    border: 2px solid #FFD700 !important; /* Bold Haitian Gold border */
    font-size: 1.2rem !important; /* Slightly larger for readability */
    line-height: 1.6 !important; /* Improve text spacing */
    font-family: 'Arial', sans-serif !important; /* Clean font */
    padding: 15px !important; /* Add spacing inside the description */
    border-radius: 8px !important; /* Rounded corners for a polished look */
    margin-bottom: 15px !important; /* Space between paragraphs */
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5) !important; /* Subtle shadow for depth */
    display: inline-block !important; /* Ensure proper alignment */
}

/* Styling for Headers on Page ID 5232 */
.page-id-5232 .custom-header {
    color: #8B0000 !important; /* Dark red text for headers */
    background-color: rgba(255, 255, 255, 0.7) !important; /* Darker white background */
    border: 3px solid #8B0000 !important; /* Dark red border */
    font-size: 2rem !important; /* Large, attention-grabbing size */
    font-weight: bold !important; /* Make headers pop */
    text-transform: uppercase !important; /* Professional, bold style */
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) !important; /* Subtle shadow for depth */
    padding: 15px !important; /* Add spacing inside the header */
    border-radius: 10px !important; /* Rounded corners for a polished look */
    margin-bottom: 10px !important; /* Add spacing below headers */
    font-family: 'Arial', sans-serif !important; /* Clean, professional font */
    display: inline-block !important; /* Ensure proper alignment */
}

/* Styling for Descriptions on Page ID 5232 */
.page-id-5232 .custom-description {
    color: #00008B !important; /* Dark blue text for descriptions */
    background-color: rgba(255, 255, 255, 0.7) !important; /* Darker white background */
    border: 3px solid #00008B !important; /* Dark blue border */
    font-size: 1.2rem !important; /* Slightly larger for readability */
    line-height: 1.6 !important; /* Improve text spacing */
    font-family: 'Arial', sans-serif !important; /* Clean font */
    padding: 15px !important; /* Add spacing inside the description */
    border-radius: 10px !important; /* Rounded corners for a polished look */
    margin-bottom: 15px !important; /* Space between paragraphs */
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) !important; /* Subtle shadow for depth */
    display: inline-block !important; /* Ensure proper alignment */
}

/* Container Styling */
.pricing-table-container {
  display: flex;
  justify-content: space-around;
  gap: 20px;
  padding: 40px;
  background-color: #f9f9f9;
}

/* Individual Pricing Card */
.pricing-card {
  background: #ffffff;
  border: 2px solid #FFD700;
  border-radius: 10px;
  padding: 20px;
  text-align: center;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  width: 30%;
}

/* Featured Card */
.pricing-card.featured {
  border-color: #003399;
  background: #f0f8ff;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}

/* Pricing Title */
.pricing-title {
  font-size: 1.5rem;
  font-weight: bold;
  color: #003399;
  margin-bottom: 10px;
}

/* Pricing Price */
.pricing-price {
  font-size: 2rem;
  font-weight: bold;
  color: #8B0000;
  margin: 10px 0;
}

/* Duration */
.pricing-duration {
  font-size: 1rem;
  color: #555555;
  margin-bottom: 20px;
}

/* Features List */
.pricing-features {
  list-style: none;
  padding: 0;
  margin: 0;
}

.pricing-features li {
  font-size: 1rem;
  color: #333333;
  margin: 10px 0;
}

/* Additional Info */
.pricing-additional {
  font-size: 0.9rem;
  color: #777777;
  margin: 15px 0;
}

/* Book Now Button */
.pricing-button {
  background: #FFD700;
  color: #003399;
  font-size: 1rem;
  font-weight: bold;
  border: none;
  border-radius: 5px;
  padding: 10px 20px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.pricing-button:hover {
  background: #003399;
  color: #ffffff;
}

/* Party Pricing Table Container */
.party-pricing-table {
  display: flex;
  justify-content: space-around;
  gap: 20px;
  padding: 40px;
  background-color: #f4f4f9;
}

/* Individual Party Card */
.party-card {
  background: #ffffff;
  border: 2px solid #FFD700;
  border-radius: 10px;
  padding: 20px;
  text-align: center;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  width: 30%;
  transition: transform 0.3s ease;
}

.party-card:hover {
  transform: scale(1.05);
}

/* Featured Card Styling */
.party-card.featured {
  border-color: #003399;
  background: #f0f8ff;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}

/* Party Title */
.party-title {
  font-size: 1.8rem;
  font-weight: bold;
  color: #003399;
  margin-bottom: 10px;
}

/* Party Price */
.party-price {
  font-size: 2rem;
  font-weight: bold;
  color: #8B0000;
  margin: 10px 0;
}

/* Duration */
.party-duration {
  font-size: 1rem;
  color: #555555;
  margin-bottom: 20px;
}

/* Features List */
.party-features {
  list-style: none;
  padding: 0;
  margin: 0;
}

.party-features li {
  font-size: 1rem;
  color: #333333;
  margin: 10px 0;
}

/* Additional Info */
.party-additional {
  font-size: 0.9rem;
  color: #777777;
  margin: 15px 0;
}

/* Book Now Button */
.party-button {
  background: #FFD700;
  color: #003399;
  font-size: 1rem;
  font-weight: bold;
  border: none;
  border-radius: 5px;
  padding: 10px 20px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.party-button:hover {
  background: #003399;
  color: #ffffff;
}

.party-mix-header {
  text-align: center;
  margin: 20px 0;
  padding: 10px;
  background-color: #f9f9f9; /* Light background */
  border: 2px solid #FFD700; /* Golden border */
  border-radius: 10px;
}

.party-mix-header h2 {
  font-size: 2rem;
  font-weight: bold;
  color: #003399; /* Rich blue color */
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); /* Subtle shadow for depth */
}

.love-mix-header {
  text-align: center;
  margin: 20px 0;
  padding: 10px;
  background-color: #fff0f5; /* Light pink background */
  border: 2px solid #8B0000; /* Deep red border */
  border-radius: 10px;
}

.love-mix-header h2 {
  font-size: 2rem;
  font-weight: bold;
  color: #8B0000; /* Romantic deep red */
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); /* Subtle shadow for depth */
}

/* Family Reunion Page Background - Page ID 6751 */
body.page-id-6751 {
  background-image: url('https://djmixandgo.com/wp-content/uploads/2025/02/Reunion-Background.webp') !important;
  background-size: cover !important; /* Ensures the image covers the entire page */
  background-position: center center !important; /* Centers the image */
  background-attachment: fixed !important; /* Keeps the background fixed during scrolling */
  background-repeat: no-repeat !important; /* Prevents the image from repeating */
}

/* Style for Headers with Readable Background */
.readable-header {
  background: rgba(0, 0, 0, 0.7); /* Dark semi-transparent background */
  color: #FFD700; /* Golden text for a striking look */
  font-size: 2.5rem; /* Larger font size for emphasis */
  font-weight: bold; /* Bold text for prominence */
  padding: 15px 20px; /* Adds spacing around the text */
  border-radius: 10px; /* Smooth rounded corners */
  text-align: center; /* Centers the text */
  display: inline-block; /* Keeps the background tightly wrapped */
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Subtle shadow for depth */
}

/* Style for Descriptions with Readable Background */
.readable-description {
  background: rgba(255, 255, 255, 0.8); /* Light semi-transparent background */
  color: #003399; /* Deep blue text for contrast */
  font-size: 1.2rem; /* Slightly smaller font size for descriptions */
  line-height: 1.6; /* Improves readability with better line spacing */
  padding: 10px 15px; /* Adds spacing around the text */
  border-radius: 8px; /* Smooth rounded corners */
  text-align: justify; /* Aligns text for a clean, polished look */
  display: inline-block; /* Ensures the background wraps tightly */
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); /* Subtle shadow for better visibility */
}

/* General Styling for the Reunion Content */
#english, #french, #kreyol {
  background: rgba(255, 255, 255, 0.9); /* Light semi-transparent background */
  border: 2px solid #FFD700; /* Golden border for a vibrant look */
  border-radius: 15px; /* Smooth rounded corners */
  padding: 30px; /* Adds spacing inside the container */
  margin: 20px auto; /* Centers the content with spacing */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
  max-width: 800px; /* Keeps the content nicely contained */
}

/* Header Styling for Each Language Section */
#english h2, #french h2, #kreyol h2 {
  background: rgba(0, 0, 0, 0.7); /* Dark semi-transparent background */
  color: #FFD700; /* Golden text for contrast */
  font-size: 2rem; /* Makes the header stand out */
  font-weight: bold; /* Bold text for emphasis */
  padding: 10px 15px; /* Adds spacing around the text */
  border-radius: 10px; /* Smooth rounded corners */
  text-align: center; /* Centers the text */
  margin-bottom: 20px; /* Adds space below the header */
}

/* Paragraph Styling for Readability */
#english p, #french p, #kreyol p {
  color: #003399; /* Haitian flag blue for text */
  font-size: 1.1rem; /* Slightly larger text for readability */
  line-height: 1.6; /* Improves paragraph spacing */
  margin-bottom: 15px; /* Adds spacing between paragraphs */
  text-align: justify; /* Aligns text for a polished look */
}

/* List Styling for Contact Information */
#english ul, #french ul, #kreyol ul {
  margin: 20px 0; /* Adds space around the list */
  padding-left: 20px; /* Indents the list items */
}

#english ul li, #french ul li, #kreyol ul li {
  color: #CE1126; /* Haitian flag red for list items */
  font-size: 1rem; /* Standard size for readability */
  font-weight: bold; /* Makes the names and emails stand out */
  margin-bottom: 10px; /* Adds spacing between list items */
}

/* Remove Overlay for Form on Reunion Page */
body.page-id-6751 #wpforms-5526::before {
  content: none; /* Removes the overlay entirely */
}

/* Optional: Adjust the Form Background for Clarity */
body.page-id-6751 #wpforms-5526 {
  background: rgba(255, 255, 255, 1) !important; /* Solid white background for clarity */
  border: 2px solid #FFD700; /* Golden border remains */
  border-radius: 15px; /* Smooth rounded corners */
  padding: 30px; /* Adds spacing inside the form */
  margin: 20px auto; /* Centers the form on the page */
  max-width: 800px; /* Keeps the form neatly contained */
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); /* Subtle shadow for depth */
}

/* Background for Page ID 8008 */
body.page-id-8008 {
  background-image: url('https://djmixandgo.com/wp-content/uploads/2025/03/About-Us-prawn-1.webp') !important;
  background-size: cover !important; /* Ensures the image covers the entire page */
  background-position: center center !important; /* Centers the background image */
  background-attachment: fixed !important; /* Creates a parallax effect */
  background-repeat: no-repeat !important; /* Prevents the image from repeating */
}

/* Apply styles specifically to Page ID 6628 */
.page-id-6628 {
    background-color: #f9f9f9 !important; /* Light background for a clean look */
    padding: 40px 20px !important; /* Add some breathing room */
    font-family: 'Poppins', sans-serif !important; /* Modern, clean font */
}

/* Add a subtle background pattern */
.page-id-6628 .uagb-container-inner-blocks-wrap {
    background-image: url('https://djmixandgo.com/wp-content/uploads/2025/02/subtle-pattern.png') !important;
    background-repeat: repeat !important;
    background-size: 300px auto !important;
    padding: 40px !important;
    border-radius: 10px !important; /* Rounded corners for a polished look */
}

/* Style the headings */
.page-id-6628 h1, 
.page-id-6628 h2, 
.page-id-6628 h3 {
    color: #003399 !important; /* Navy blue to match your brand */
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) !important; /* Add subtle depth */
    font-weight: bold !important;
}

/* Style the links */
.page-id-6628 a {
    color: #b4a04d !important; /* Gold link color to match your theme */
    text-decoration: none !important;
    font-weight: 600 !important;
    transition: color 0.3s ease !important;
}

.page-id-6628 a:hover {
    color: #003399 !important; /* Navy blue on hover */
    text-decoration: underline !important;
}

/* Add a glowing effect to images */
.page-id-6628 img {
    border-radius: 8px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important; /* Add depth */
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.page-id-6628 img:hover {
    transform: scale(1.05) !important; /* Slight zoom on hover */
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3) !important;
}

/* Style the section containers */
.page-id-6628 .wp-block-group {
    background: rgba(255, 255, 255, 0.9) !important; /* Light background for readability */
    padding: 20px !important;
    margin-bottom: 20px !important;
    border-radius: 10px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
}

/* Add spacing between content blocks */
.page-id-6628 .wp-block-columns {
    gap: 30px !important;
}

/* Style the CTA buttons (if any) */
.page-id-6628 .wp-block-button__link {
    background-color: #003399 !important; /* Navy blue buttons */
    color: #fff !important; /* White text */
    padding: 15px 30px !important;
    border-radius: 25px !important;
    font-weight: bold !important;
    transition: background-color 0.3s ease !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important;
}

.page-id-6628 .wp-block-button__link:hover {
    background-color: #b4a04d !important; /* Gold on hover */
    color: #003399 !important; /* Navy text on hover */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3) !important;
}

/* Add a footer style specific to this page */
.page-id-6628 .site-footer {
    background-color: #003399 !important; /* Navy footer */
    color: #fff !important;
    padding: 20px 0 !important;
    text-align: center !important;
    font-size: 14px !important;
}

/* === Page-Specific Styles for Page ID 8020 === */
.page-id-8020 {
    font-family: 'Arial', sans-serif; /* Optional: Set a custom font for this page */
}

/* === Section Styling === */
.page-id-8020 .tea-section,
.page-id-8020 .scallops-section,
.page-id-8020 .adventures-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 20px; /* Adds spacing between sections */
}

.page-id-8020 .tea-section .section-text,
.page-id-8020 .scallops-section .section-text,
.page-id-8020 .adventures-section .section-text {
    margin-top: 10px;
    font-size: 1.2rem;
    font-weight: 500;
    color: #333; /* Adjust text color as needed */
}

/* === Button Styling for Sections === */
.page-id-8020 .tea-section .section-buttons,
.page-id-8020 .scallops-section .section-buttons,
.page-id-8020 .adventures-section .section-buttons {
    margin-top: 15px;
    display: flex;
    justify-content: center;
    gap: 10px; /* Adds space between buttons */
}

.page-id-8020 .tea-section .section-buttons button,
.page-id-8020 .scallops-section .section-buttons button,
.page-id-8020 .adventures-section .section-buttons button {
    padding: 10px 20px;
    background-color: #003399; /* Brand color for buttons */
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 1rem;
    transition: background-color 0.3s ease;
}

.page-id-8020 .tea-section .section-buttons button:hover,
.page-id-8020 .scallops-section .section-buttons button:hover,
.page-id-8020 .adventures-section .section-buttons button:hover {
    background-color: #001f66; /* Darker shade for hover effect */
}

/* === Newsletter Section (Custom Class: 'newsletter-enhanced') === */
.newsletter-enhanced {
    background: rgba(255, 255, 255, 0.95); /* Slightly opaque white background */
    border: 2px solid #FFD700; /* Gold border */
    border-radius: 15px; /* Rounded corners */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* Soft shadow */
    padding: 30px;
    transition: box-shadow 0.3s ease, transform 0.3s ease; /* Smooth animation */
}

.newsletter-enhanced:hover {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2); /* Enhanced shadow on hover */
    transform: translateY(-5px); /* Slight lift on hover */
}

/* === Blog Post Cards (Custom Class: 'blog-card-enhanced') === */
.blog-card-enhanced {
    border-radius: 15px; /* Rounded corners */
    overflow: hidden; /* Prevent content from spilling out */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* Soft shadow */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth animation */
}

.blog-card-enhanced:hover {
    transform: scale(1.02); /* Slight zoom effect */
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2); /* Stronger shadow on hover */
}

/* === CTA Buttons (Custom Class: 'cta-button-enhanced') === */
.cta-button-enhanced {
    background: linear-gradient(45deg, #FFD700, #003399); /* Gold to Navy gradient */
    color: white;
    padding: 15px 30px;
    border-radius: 25px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Initial shadow */
    transition: all 0.3s ease; /* Smooth transition for hover effects */
}

.cta-button-enhanced:hover {
    background: linear-gradient(45deg, #003399, #FFD700); /* Reverse gradient on hover */
    transform: scale(1.05); /* Slight zoom effect */
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3); /* Enhanced shadow on hover */
}

/* === Social Media Icons (Custom Class: 'social-icon-enhanced') === */
.social-icon-enhanced {
    color: #FFD700; /* Gold color for icons */
    font-size: 1.5rem;
    transition: transform 0.3s ease, color 0.3s ease; /* Smooth hover effect */
}

.social-icon-enhanced:hover {
    color: #003399; /* Navy Blue on hover */
    transform: rotate(15deg) scale(1.2); /* Fun rotate and zoom effect */
}

/* === Blog Grid Full Width Fix === */
.page-id-8020 .blog-grid-container {
    max-width: 100vw; /* Full viewport width */
    width: 100%; /* Ensure it spans the full width */
    margin: 0 auto; /* Center align the grid */
    padding: 0 20px; /* Add some padding for breathing room */
    box-sizing: border-box; /* Ensure padding doesn’t affect width */
}

.page-id-8020 .blog-grid-container .blog-post-card {
    margin: 10px; /* Add spacing between cards */
    border-radius: 15px; /* Keep rounding only on individual cards */
}

/* === Header Styling for Page ID 8020 === */
.page-id-8020 h1, 
.page-id-8020 h2, 
.page-id-8020 h3, 
.page-id-8020 h4 {
    font-family: 'Arial Black', sans-serif; /* Bold and modern font */
    color: #003399; /* Navy blue brand color */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); /* Subtle shadow for depth */
    margin-bottom: 20px;
    transition: color 0.3s ease, text-shadow 0.3s ease; /* Smooth hover effects */
}

/* Hover Effects for Headers */
.page-id-8020 h1:hover, 
.page-id-8020 h2:hover, 
.page-id-8020 h3:hover, 
.page-id-8020 h4:hover {
    color: #FFD700; /* Gold on hover */
    text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5); /* Stronger shadow on hover */
    transform: translateY(-2px); /* Slight lift effect */
}

/* === General Blog Post Styling for Page ID 8095 === */
.page-id-8095 {
    font-family: 'Trebuchet MS', sans-serif; /* Clean and modern font */
    background: url('https://djmixandgo.com/wp-content/uploads/2025/02/piratte.webp') no-repeat center center fixed; /* Full-page background */
    background-size: cover;
    color: #333; /* Dark gray for readability */
    line-height: 1.6;
    margin: 0;
    padding: 0;
}

/* === Header Styling === */
.page-id-8095 header {
    background: rgba(255, 255, 255, 0.8); /* Semi-transparent background */
    padding: 20px;
    text-align: center;
    border-radius: 10px;
    margin-bottom: 20px;
}

.page-id-8095 header h1 {
    font-size: 2.5em;
    color: #d2691e; /* Chocolate brown for warmth */
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); /* Subtle shadow for depth */
}

/* === Section Styling === */
.page-id-8095 section {
    background: rgba(255, 255, 255, 0.9); /* Slightly opaque white background */
    padding: 20px;
    margin: 20px auto;
    border-radius: 10px; /* Rounded corners */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
    max-width: 900px; /* Limit width for readability */
}

/* Section Headings */
.page-id-8095 section h2 {
    font-size: 2rem;
    color: #b22222; /* Firebrick red for emphasis */
    margin-bottom: 15px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); /* Subtle shadow */
}

/* Paragraph Styling */
.page-id-8095 section p {
    font-size: 1.1rem;
    color: #333; /* Dark gray for readability */
    text-align: justify; /* Clean text alignment */
    margin-bottom: 20px;
}

/* === Image Styling === */
.page-id-8095 section img {
    max-width: 100%;
    height: auto;
    border-radius: 10px; /* Rounded corners */
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15); /* Subtle shadow for depth */
    margin: 20px 0; /* Spacing around images */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth hover effects */
}

.page-id-8095 section img:hover {
    transform: scale(1.05); /* Slight zoom effect on hover */
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2); /* Enhanced shadow on hover */
}

/* Image Captions */
.page-id-8095 .image-caption {
    font-size: 0.9rem;
    color: #555; /* Medium gray for captions */
    text-align: center;
    margin-top: -10px;
    margin-bottom: 20px;
    font-style: italic;
}

/* === Link Styling === */
.page-id-8095 a {
    color: #FF1E1E; /* Strawberry red for links */
    text-decoration: none;
    font-weight: bold;
    transition: color 0.3s ease;
}

.page-id-8095 a:hover {
    color: #1E90FF; /* Ocean blue on hover */
    text-decoration: underline;
}

/* === Call-to-Action Button === */
.page-id-8095 .cta-button {
    display: inline-block;
    padding: 12px 25px;
    background: linear-gradient(45deg, #FFD700, #003399); /* Gold to navy gradient */
    color: white;
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 25px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Initial shadow */
    transition: all 0.3s ease; /* Smooth transition for hover effects */
}

.page-id-8095 .cta-button:hover {
    background: linear-gradient(45deg, #003399, #FFD700); /* Reverse gradient on hover */
    transform: scale(1.05); /* Slight zoom effect */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Enhanced shadow on hover */
}

/* === Responsive Design === */
@media (max-width: 768px) {
    .page-id-8095 header h1 {
        font-size: 2rem;
    }

    .page-id-8095 section h2 {
        font-size: 1.5rem;
    }

    .page-id-8095 section p {
        font-size: 1rem;
    }

    .page-id-8095 section {
        padding: 15px;
    }
}
/* === Center Images for Page ID 8095 === */
.page-id-8095 section img {
    display: block; /* Make images behave like block elements */
    margin: 0 auto; /* Center the image horizontally */
    max-width: 100%; /* Ensure images are responsive */
    height: auto; /* Maintain aspect ratio */
}

/* === Center Image Captions === */
.page-id-8095 .image-caption {
    text-align: center; /* Center-align the caption text */
    font-size: 0.9rem; /* Slightly smaller font for captions */
    color: #555; /* Medium gray for caption text */
    margin-top: -10px; /* Adjust spacing above captions */
    margin-bottom: 20px; /* Add spacing below captions */
    font-style: italic; /* Optional: Add italics for a subtle style */
}


/* === General Blog Post Styling for Page ID 8095 === */
.page-id-8095 {
    font-family: 'Raleway', sans-serif; /* Clean and modern font */
    background: #f9f9f9; /* Light background for readability */
    color: #333; /* Dark gray for text */
    line-height: 1.6;
    margin: 0;
    padding: 0;
}

/* === Header Styling with Centered Titles === */
.page-id-8095 header h1,
.page-id-8095 section h2 {
    text-align: center; /* Center-align all titles */
    margin: 0 auto 20px; /* Center and add spacing below */
    color: #003399; /* Deep blue for contrast */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); /* Subtle shadow for depth */
    animation: fadeIn 1.5s ease-out; /* Apply fade-in animation */
}

/* H1 Specific Styling */
.page-id-8095 header h1 {
    font-size: 2.5rem; /* Larger size for main title */
    font-family: 'Montserrat', sans-serif; /* Bold font for emphasis */
    margin-bottom: 30px;
}

/* H2 Specific Styling */
.page-id-8095 section h2 {
    font-size: 2rem; /* Slightly smaller for subheadings */
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 20px;
    color: #1E90FF; /* Ocean blue for subheadings */
}

/* === Fade-In Animation === */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px); /* Slide up slightly */
    }
    to {
        opacity: 1;
        transform: translateY(0); /* Settle into place */
    }
}

/* === Paragraph Styling === */
.page-id-8095 section p {
    font-size: 1.1rem;
    color: #333; /* Dark gray for readability */
    text-align: justify; /* Clean text alignment */
    margin-bottom: 20px;
}

/* === Image Styling (Centered) === */
.page-id-8095 section img {
    display: block; /* Make images behave like block elements */
    margin: 0 auto; /* Center the image horizontally */
    max-width: 100%; /* Ensure images are responsive */
    height: auto; /* Maintain aspect ratio */
    border-radius: 10px; /* Rounded corners */
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15); /* Subtle shadow for depth */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth hover effects */
}

.page-id-8095 section img:hover {
    transform: scale(1.05); /* Slight zoom effect on hover */
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2); /* Enhanced shadow on hover */
}

/* === Image Caption Styling (Centered) === */
.page-id-8095 .image-caption {
    text-align: center; /* Center-align the caption text */
    font-size: 0.9rem; /* Slightly smaller font for captions */
    color: #555; /* Medium gray for caption text */
    margin-top: -10px; /* Adjust spacing above captions */
    margin-bottom: 20px; /* Add spacing below captions */
    font-style: italic; /* Optional: Add italics for a subtle style */
}

/* === Call-to-Action Button === */
.page-id-8095 .cta-button {
    display: inline-block;
    padding: 12px 25px;
    background: linear-gradient(45deg, #FFD700, #003399); /* Gold to navy gradient */
    color: white;
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 25px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Initial shadow */
    transition: all 0.3s ease; /* Smooth transition for hover effects */
}

.page-id-8095 .cta-button:hover {
    background: linear-gradient(45deg, #003399, #FFD700); /* Reverse gradient on hover */
    transform: scale(1.05); /* Slight zoom effect */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Enhanced shadow on hover */
}

/* === Responsive Design === */
@media (max-width: 768px) {
    .page-id-8095 header h1 {
        font-size: 2rem;
    }

    .page-id-8095 section h2 {
        font-size: 1.5rem;
    }

    .page-id-8095 section p {
        font-size: 1rem;
    }

    .page-id-8095 section {
        padding: 15px;
    }
}
/* === Add Rustic Map Background to Page ID 8095 === */
.page-id-8095 {
    background: url('https://djmixandgo.com/wp-content/uploads/2025/02/bold-journey-background-2.webp') no-repeat center center fixed !important;
    background-size: cover !important; /* Ensure it covers the entire page */
    padding: 0; /* Ensure no extra padding interferes */
    margin: 0; /* Ensure no extra margins */
}

/* === Style the Comment Box for Page ID 8095 === */
.page-id-8095 .comment-form {
    background: rgba(255, 255, 255, 0.9); /* Semi-transparent white background for readability */
    border: 2px solid #00209F; /* Deep Ocean Blue border */
    border-radius: 10px; /* Rounded corners for a soft look */
    padding: 20px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); /* Subtle shadow for depth */
    margin-top: 30px;
    font-family: 'Raleway', sans-serif; /* Clean, modern font */
    color: #333; /* Dark gray text */
}

/* Style the input fields (name, email, etc.) */
.page-id-8095 .comment-form input[type="text"],
.page-id-8095 .comment-form input[type="email"],
.page-id-8095 .comment-form textarea {
    width: 100%; /* Full width for inputs */
    padding: 12px;
    margin-bottom: 15px;
    border: 1px solid #ccc; /* Light gray border */
    border-radius: 5px; /* Rounded corners */
    font-size: 1rem;
    color: #333; /* Dark gray text */
    background: #f9f9f9; /* Light background for inputs */
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1); /* Subtle inset shadow */
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

/* Add hover and focus effects to inputs */
.page-id-8095 .comment-form input[type="text"]:focus,
.page-id-8095 .comment-form input[type="email"]:focus,
.page-id-8095 .comment-form textarea:focus {
    border-color: #00209F; /* Deep Ocean Blue on focus */
    box-shadow: 0 0 5px rgba(0, 32, 159, 0.5); /* Blue glow on focus */
    outline: none; /* Remove default outline */
}

/* Style the submit button */
.page-id-8095 .comment-form input[type="submit"] {
    background: linear-gradient(45deg, #FF6F61, #00209F); /* Coral to Deep Ocean Blue gradient */
    color: #fff; /* White text */
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase;
    border: none;
    border-radius: 25px;
    padding: 12px 30px;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Subtle shadow for depth */
    transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

/* Add hover effect to submit button */
.page-id-8095 .comment-form input[type="submit"]:hover {
    background: linear-gradient(45deg, #00209F, #FF6F61); /* Reverse gradient on hover */
    transform: scale(1.05); /* Slight zoom effect */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Enhanced shadow on hover */
}

/* Style the comment box labels */
.page-id-8095 .comment-form label {
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
    color: #00209F; /* Deep Ocean Blue for labels */
}

/* Style the comment box title */
.page-id-8095 .comment-respond h3 {
    font-size: 1.8rem;
    color: #FF6F61; /* Coral for the title */
    text-align: center;
    margin-bottom: 20px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); /* Subtle shadow for depth */
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
    .page-id-8095 .comment-form {
        padding: 15px;
    }

    .page-id-8095 .comment-respond h3 {
        font-size: 1.5rem;
    }

    .page-id-8095 .comment-form input[type="text"],
    .page-id-8095 .comment-form input[type="email"],
    .page-id-8095 .comment-form textarea {
        font-size: 0.9rem;
    }

    .page-id-8095 .comment-form input[type="submit"] {
        font-size: 0.9rem;
        padding: 10px 20px;
    }
}

/* === Style the "Leave a Reply" Text === */
.page-id-8095 .comment-respond h3 {
    font-size: 2rem; /* Larger font size for emphasis */
    color: #FF6F61; /* Vibrant coral for visibility */
    text-align: center; /* Center-align the text */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Subtle shadow for depth */
    font-weight: bold; /* Make it stand out */
    margin-bottom: 20px; /* Add spacing below the title */
}

/* Optional: Add a background for extra contrast */
.page-id-8095 .comment-respond h3 {
    background-color: rgba(0, 0, 0, 0.6); /* Semi-transparent black */
    padding: 10px 15px; /* Add padding around the text */
    border-radius: 8px; /* Rounded corners for softness */
    display: inline-block; /* Keeps background tight around the text */
}

/* === General Page Styling === */
.page-id-8473 {
    background: url('https://djmixandgo.com/wp-content/uploads/2025/03/About-Us-prawn-1.webp') no-repeat center center fixed;
    background-size: cover;
    font-family: 'Raleway', sans-serif; /* Clean, modern font */
    color: #333; /* Default text color */
    padding: 20px;
    margin: 0;
}

/* === Text Container Styling === */
.page-id-8473 .text-container {
    background: rgba(255, 255, 255, 0.9); /* Semi-transparent white background */
    border: 2px solid #FFD700; /* Gold border for style */
    border-radius: 15px; /* Rounded corners for a softer look */
    padding: 25px;
    margin: 30px auto;
    max-width: 800px; /* Keeps the text block centered and manageable */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); /* Subtle shadow for depth */
}

/* === Header Styling === */
.page-id-8473 h1, 
.page-id-8473 h2, 
.page-id-8473 h3 {
    text-align: center; /* Centers the headings */
    color: #FF6F61; /* Coral text for vibrancy */
    font-weight: bold;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); /* Subtle shadow for depth */
    margin-bottom: 20px;
}

/* === Paragraph Styling === */
.page-id-8473 p {
    font-size: 1.2rem;
    line-height: 1.8;
    color: #333; /* Dark gray text for readability */
    text-align: center; /* Centers the paragraphs */
    margin-bottom: 20px;
    font-weight: 300; /* Lighter font style for a clean look */
}

/* === Image Styling === */
.page-id-8473 img {
    display: block;
    margin: 20px auto; /* Centers the image horizontally */
    max-width: 100%; /* Ensures the image is responsive */
    border-radius: 10px; /* Rounded corners for a polished look */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Subtle shadow for depth */
}

/* === CTA Button Styling === */
.page-id-8473 a.cta-button {
    display: inline-block;
    background: #FFD700; /* Gold background */
    color: #00209F; /* Deep blue text */
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase;
    padding: 12px 30px;
    border-radius: 25px;
    text-decoration: none;
    margin-top: 20px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Subtle shadow */
    transition: all 0.3s ease;
    text-align: center;
}

/* Button Hover Effect */
.page-id-8473 a.cta-button:hover {
    background: #00209F; /* Deep blue background on hover */
    color: #FFD700; /* Gold text on hover */
    transform: scale(1.05); /* Slight zoom effect */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Enhanced shadow */
}

/* === Responsive Design === */
@media (max-width: 768px) {
    .page-id-8473 {
        padding: 15px;
    }

    .page-id-8473 .text-container {
        padding: 15px;
    }

    .page-id-8473 h1, 
    .page-id-8473 h2, 
    .page-id-8473 h3 {
        font-size: 1.5rem;
    }

    .page-id-8473 p {
        font-size: 1rem;
    }

    .page-id-8473 a.cta-button {
        font-size: 0.9rem;
        padding: 10px 20px;
    }
}

/* General Styling for Page ID 2561 */
.page-id-2561 {
    background: linear-gradient(45deg, #ffffff, #cce7ff);
    color: #003399;
    font-family: 'Poppins', sans-serif;
    padding: 40px 20px;
    line-height: 1.6;
}

/* Hero Section - Bright and Vibrant Header */
.page-id-2561 h1 {
    font-size: 3rem;
    color: #003399;
    text-shadow: 0 0 8px #80c1ff, 0 0 12px #b4a04d;
    margin-bottom: 20px;
    text-align: center;
}

/* Sub-header Styling */
.page-id-2561 h2 {
    font-size: 2rem;
    color: #b4a04d;
    text-shadow: 0 0 6px #80c1ff;
    margin-bottom: 30px;
    text-align: center;
}

/* Background Image for the Hero Section */
.page-id-2561 .uagb-is-root-container {
    background-image: url('https://djmixandgo.com/wp-content/uploads/2025/02/DJ-Services-Landing-Page.jpg');
    background-size: cover;
    background-position: center;
    position: relative;
    padding: 60px 20px;
    border-radius: 15px;
}

/* Overlay for Better Text Readability */
.page-id-2561 .uagb-is-root-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.6); /* Lightened overlay */
    z-index: 1;
}

/* Content Above Overlay */
.page-id-2561 .uagb-container-inner-blocks-wrap {
    position: relative;
    z-index: 2;
}

/* Buttons with a Brighter Neon Glow */
.page-id-2561 a.uagb-infobox-cta-link {
    background: linear-gradient(45deg, #80c1ff, #b4a04d);
    color: white;
    padding: 15px 30px;
    border-radius: 25px;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
}

.page-id-2561 a.uagb-infobox-cta-link:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
    background: linear-gradient(45deg, #b4a04d, #80c1ff);
}

/* Team Cards Styling */
.page-id-2561 .wp-block-columns {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
}

.page-id-2561 .wp-block-columns .wp-block-column {
    background: rgba(255, 255, 255, 0.9);
    padding: 20px;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.page-id-2561 .wp-block-columns .wp-block-column:hover {
    transform: translateY(-10px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
}

/* Images with a Subtle Glow */
.page-id-2561 img {
    border: 5px solid #80c1ff;
    border-radius: 15px;
    box-shadow: 0 0 12px #80c1ff, 0 0 18px #b4a04d;
    transition: transform 0.3s ease;
}

.page-id-2561 img:hover {
    transform: scale(1.05);
    box-shadow: 0 0 18px #b4a04d, 0 0 24px #80c1ff;
}

/* Fun Glow Effects for Music Notes and Icons */
.page-id-2561 .music-note-icon,
.page-id-2561 .party-icon {
    animation: glow 2s infinite alternate;
}

@keyframes glow {
    from {
        text-shadow: 0 0 10px #80c1ff, 0 0 15px #b4a04d;
    }
    to {
        text-shadow: 0 0 15px #80c1ff, 0 0 20px #b4a04d;
    }
}

/* Embossed Text Box Class */
.embossed-text-box {
    background: #ffffff; /* White background */
    color: #003399; /* Dark blue text */
    padding: 20px;
    border-radius: 15px; /* Rounded corners */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), inset 0 2px 4px rgba(255, 255, 255, 0.6); /* Embossed effect */
    margin: 20px 0; /* Space around the box */
    text-align: center;
    line-height: 1.8;
    font-family: 'Poppins', sans-serif;
}

/* General Styling for Page ID 2561 */
.page-id-2561 {
    background: linear-gradient(45deg, #ffffff, #cce7ff); /* Clean, light gradient */
    font-family: 'Poppins', sans-serif;
    padding: 40px 20px;
    line-height: 1.6;
    color: #003399; /* Default text color */
}

/* Ensure All Text is Blue */
.page-id-2561 h1,
.page-id-2561 h2,
.page-id-2561 h3,
.page-id-2561 h4,
.page-id-2561 p {
    color: #003399 !important; /* Enforce blue text */
    text-shadow: none !important; /* Remove conflicting shadows */
}

/* Headers with Gold Accent */
.page-id-2561 h1,
.page-id-2561 h2 {
    color: #b4a04d !important; /* Gold headers */
    text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3); /* Subtle shadow for depth */
}

/* Text Box Styling for Readability */
.page-id-2561 .text-box {
    background: rgba(255, 255, 255, 0.9); /* Semi-transparent white background */
    color: #003399 !important; /* Ensure text inside boxes is blue */
    padding: 20px;
    border-radius: 15px; /* Rounded corners */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
    text-align: center;
    margin: 20px 0;
    line-height: 1.8;
}

/* Buttons with a Brighter Neon Glow */
.page-id-2561 a.uagb-infobox-cta-link {
    background: linear-gradient(45deg, #80c1ff, #b4a04d);
    color: white;
    padding: 15px 30px;
    border-radius: 25px;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
}

.page-id-2561 a.uagb-infobox-cta-link:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
    background: linear-gradient(45deg, #b4a04d, #80c1ff);
}

/* Team Cards Styling */
.page-id-2561 .wp-block-columns .wp-block-column {
    background: rgba(255, 255, 255, 0.95);
    padding: 20px;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.page-id-2561 .wp-block-columns .wp-block-column:hover {
    transform: translateY(-10px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
}

/* Images with a Subtle Glow */
.page-id-2561 img {
    border: 5px solid #80c1ff;
    border-radius: 15px;
    box-shadow: 0 0 12px #80c1ff, 0 0 18px #b4a04d;
    transition: transform 0.3s ease;
}

.page-id-2561 img:hover {
    transform: scale(1.05);
    box-shadow: 0 0 18px #b4a04d, 0 0 24px #80c1ff;
}

/* General Styling for Text and Header Boxes */
.embossed-box {
    background-color: rgba(255, 255, 255, 0.9); /* Light background for contrast */
    color: #003399; /* Dark blue text */
    padding: 20px;
    border-radius: 15px; /* Rounded corners */
    box-shadow: 
        inset 2px 2px 5px rgba(0, 0, 0, 0.2), /* Inner shadow for embossing effect */
        4px 4px 8px rgba(0, 0, 0, 0.1); /* Outer shadow for depth */
    border: 3px solid #b4a04d; /* Gold border */
    margin: 20px 0; /* Spacing between elements */
    text-align: center;
    transition: all 0.3s ease-in-out; /* Smooth hover effect */
}

/* Header-Specific Styling */
.embossed-header {
    font-size: 2rem;
    font-weight: bold;
    color: #b4a04d; /* Gold text for headers */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); /* Subtle shadow for text */
    margin-bottom: 15px;
}

/* Hover Effect for Embossed Boxes */
.embossed-box:hover {
    transform: translateY(-5px); /* Slight lift on hover */
    box-shadow: 
        inset 2px 2px 5px rgba(0, 0, 0, 0.3), 
        6px 6px 12px rgba(0, 0, 0, 0.2); /* Enhanced shadow on hover */
    border: 3px solid #003399; /* Change border to dark blue on hover */
}

/* Special Background for Dr. T.E. WHOO LYTICS Page */
.page-id-8622 {
    background: url('https://djmixandgo.com/wp-content/uploads/2025/04/image.jpg') no-repeat center center fixed;
    background-size: cover;
    position: relative;
    padding: 40px 20px;
    color: #ffffff; /* Ensure text is readable */
}

/* Overlay for Better Readability */
.page-id-8622::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6); /* Dark overlay for contrast */
    z-index: 1;
}

/* Keep Content Above Overlay */
.page-id-8622 .uagb-container-inner-blocks-wrap {
    position: relative;
    z-index: 2;
}

/* Header Styling */
.page-id-8622 h1, 
.page-id-8622 h2 {
    color: #80c1ff; /* Neon blue for headers */
    text-shadow: 0 0 10px #80c1ff, 0 0 15px #b4a04d; /* Neon glow effect */
    font-size: 2.5rem;
    margin-bottom: 20px;
    text-align: center;
}

/* Paragraph Text Styling */
.page-id-8622 p {
    color: #ffffff; /* White text for readability */
    font-size: 1.1rem;
    line-height: 1.8;
    margin-bottom: 20px;
    text-align: justify;
}

/* Embossed Box for Content */
.page-id-8622 .embossed-box {
    background: rgba(255, 255, 255, 0.1); /* Semi-transparent white */
    border: 2px solid #80c1ff; /* Neon blue border */
    border-radius: 15px;
    padding: 20px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3), inset 0 2px 5px rgba(255, 255, 255, 0.2);
    margin: 20px 0;
    color: #ffffff;
}

/* CTA Button Styling */
.page-id-8622 a.cta-button {
    display: inline-block;
    background: linear-gradient(45deg, #80c1ff, #b4a04d);
    color: #ffffff;
    padding: 10px 25px;
    border-radius: 25px;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
}

.page-id-8622 a.cta-button:hover {
    transform: scale(1.05);
    background: linear-gradient(45deg, #b4a04d, #80c1ff);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}

.page-id-8729 .uagb-is-root-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.85);
    z-index: 1;
}
.page-id-8729 .uagb-container-inner-blocks-wrap {
    position: relative;
    z-index: 2;
}


.page-id-8729 {
    background: linear-gradient(45deg, rgba(255, 223, 186, 0.9), rgba(186, 235, 255, 0.9));
    background-size: cover;
    color: #333;
    padding: 40px 20px;
    font-family: 'Roboto', sans-serif;
}

.page-id-8729 h1, 
.page-id-8729 h2, 
.page-id-8729 h3 {
    font-family: 'Poppins', sans-serif;
    color: #FF6F61;
    text-transform: uppercase;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}

.page-id-8729 p {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 1.6;
    color: #333;
}
.page-id-8729 .team-section {
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 20px;
    margin: 40px 0;
}

.page-id-8729 .team-card {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 15px;
    padding: 20px;
    text-align: center;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    width: 45%;
}

.page-id-8729 .team-card img {
    max-width: 100px;
    margin-bottom: 15px;
}

.page-id-8729 .team-card h3 {
    color: #FF6F61;
}

.page-id-8729 .team-card img:hover {
    transform: scale(1.1);
    transition: transform 0.3s ease-in-out;
}

/* Add text shadow to headers */
.page-id-8729 h1, 
.page-id-8729 h2, 
.page-id-8729 h3 {
    color: #ffffff; /* Keep text white */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); /* Dark shadow for depth */
    font-weight: bold;
}

/* Add text shadow to paragraphs */
.page-id-8729 p {
    color: #ffffff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8); /* Subtle shadow for better readability */
    font-size: 1.1em;
    line-height: 1.6;
}
/* Add background color for text sections */
.page-id-8729 .uagb-container-inner-blocks-wrap {
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black */
    padding: 20px;
    border-radius: 10px; /* Rounded edges for a clean look */
}
/* Adjust text color for better contrast */
.page-id-8729 h1, 
.page-id-8729 h2, 
.page-id-8729 h3 {
    color: #FF6F61; /* A warm, contrasting color */
}

.page-id-8729 p {
    color: #333333; /* Dark gray for readability */
}

/* Responsive font size for mobile */
@media (max-width: 768px) {
    .page-id-8729 h1 {
        font-size: 1.8em;
    }
    .page-id-8729 p {
        font-size: 1em;
    }
}
.page-id-8729 {
    background-image: url('https://djmixandgo.com/wp-content/uploads/2025/04/image-2.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    background-attachment: fixed !important;
    color: #333; /* Ensure text is readable */
    padding: 40px 20px;
}

.page-id-8729 h1, 
.page-id-8729 h2, 
.page-id-8729 h3, 
.page-id-8729 h4, 
.page-id-8729 p {
    color: #00209F !important; /* Dark navy blue */
    text-shadow: none !important; /* Remove previous shadows for cleaner text */
}

.page-id-8729 .uagb-container-inner-blocks-wrap {
    background-color: rgba(255, 255, 255, 0.85) !important; /* Light semi-transparent background for better contrast */
    padding: 20px !important;
    border-radius: 10px !important;
}

/* General Page Styling */
.page-id-1643 {
    background-color: #ffffff; /* Crisp white background */
    color: #333333; /* Neutral text color for readability */
    padding: 40px 20px; /* Consistent padding */
    font-family: 'Poppins', sans-serif; /* Clean, modern font */
}

/* Center All Text and Content */
.page-id-1643 h1, 
.page-id-1643 h2, 
.page-id-1643 h3, 
.page-id-1643 p, 
.page-id-1643 .uagb-buttons-repeater {
    text-align: center !important; /* Center all text and buttons */
}

/* Uniform Heading Sizes */
.page-id-1643 h1 {
    font-size: 2.5rem !important; /* Large and bold for main headings */
    color: #00209F; /* Dark blue for standout headings */
    margin-bottom: 20px; /* Consistent spacing */
}

.page-id-1643 h2 {
    font-size: 2rem !important; /* Slightly smaller than H1 */
    color: #333333; /* Neutral tone for subheadings */
    margin-bottom: 15px;
}

.page-id-1643 h3 {
    font-size: 1.5rem !important; /* Perfect for section titles */
    color: #555555; /* Softer gray for less emphasis */
    margin-bottom: 10px;
}

/* Paragraph Styling */
.page-id-1643 p {
    font-size: 1.125rem !important; /* Uniform paragraph size */
    line-height: 1.8 !important; /* Improved readability */
    margin-bottom: 20px; /* Consistent spacing between sections */
}

/* CTA Button Styling */
.page-id-1643 .uagb-buttons-repeater {
    background: linear-gradient(45deg, #FF6F61, #FFC107) !important; /* Vibrant gradient for buttons */
    color: #ffffff !important; /* White text for contrast */
    padding: 15px 30px !important; /* Balanced padding for buttons */
    border-radius: 25px !important; /* Smooth, rounded edges */
    text-transform: uppercase !important; /* Bold, professional look */
    font-weight: bold !important;
    transition: all 0.3s ease-in-out !important; /* Smooth hover effect */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important; /* Subtle shadow for depth */
}

.page-id-1643 .uagb-buttons-repeater:hover {
    background: linear-gradient(45deg, #FFC107, #FF6F61) !important; /* Reverse gradient on hover */
    transform: scale(1.05) !important; /* Slight pop effect */
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3) !important; /* Enhanced shadow */
}

/* Section Spacing */
.page-id-1643 .uagb-container-inner-blocks-wrap {
    margin-bottom: 40px !important; /* Uniform spacing between sections */
}

/* Image Styling */
.page-id-1643 img {
    max-width: 100% !important; /* Ensure images are responsive */
    margin: 0 auto !important; /* Center images */
    display: block !important;
    border-radius: 10px; /* Slightly rounded edges for a polished look */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
}

/* Team Member Cards */
.page-id-1643 .team-card {
    background-color: rgba(255, 255, 255, 0.9); /* Light background for cards */
    padding: 20px;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* Clean card shadow */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.page-id-1643 .team-card:hover {
    transform: translateY(-5px); /* Slight lift on hover */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); /* Enhanced shadow on hover */
}

/* Mobile Optimization */
@media screen and (max-width: 768px) {
    .page-id-1643 h1 {
        font-size: 2rem !important; /* Adjust heading size for smaller screens */
    }

    .page-id-1643 h2 {
        font-size: 1.75rem !important;
    }

    .page-id-1643 p {
        font-size: 1rem !important; /* Slightly smaller for mobile */
    }

    .page-id-1643 .uagb-buttons-repeater {
        padding: 12px 25px !important; /* Adjust button size for mobile */
    }
}

/* General Header Styling */
.page-id-1643 h1, 
.page-id-1643 h2, 
.page-id-1643 h3 {
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    text-align: center;
    color: #FF1E1E; /* Virgin Voyages Strawberry Red */
    position: relative;
    overflow: hidden;
    padding: 10px 0;
}

/* 1. Shimmering Text Effect */
.page-id-1643 h1::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(120deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    animation: shimmer 2.5s infinite;
    z-index: 1;
}

@keyframes shimmer {
    0% {
        left: -100%;
    }
    50% {
        left: 100%;
    }
    100% {
        left: -100%;
    }
}

/* 2. Bubble-Inspired Sparkle Animation */
.page-id-1643 h2 {
    background: linear-gradient(45deg, #FF1E1E, #1E90FF); /* Strawberry Red to Ocean Blue */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: sparkle 3s infinite;
}

@keyframes sparkle {
    0%, 100% {
        text-shadow: 0 0 5px #FF1E1E, 0 0 10px #FF1E1E, 0 0 15px #1E90FF;
    }
    50% {
        text-shadow: 0 0 10px #1E90FF, 0 0 20px #1E90FF, 0 0 30px #FF1E1E;
    }
}

/* 3. Floating Effect for Section Titles */
.page-id-1643 h3 {
    animation: float 4s ease-in-out infinite;
}

@keyframes float {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}

/* 4. Underline Glow Effect */
.page-id-1643 h1::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    height: 4px;
    background: linear-gradient(90deg, #FF1E1E, #1E90FF);
    animation: glow 2s infinite alternate;
}

@keyframes glow {
    from {
        box-shadow: 0 0 10px #FF1E1E;
    }
    to {
        box-shadow: 0 0 20px #1E90FF;
    }
}

/* General Page Styling */
.page-id-8795 {
    background: linear-gradient(135deg, #1E90FF, #FF6F61); /* Ocean Blue to Vibrant Coral */
    color: #ffffff;
    padding: 50px 20px;
    font-family: 'Poppins', sans-serif;
    text-align: center;
    position: relative;
}

/* Header Styling with Glow */
.page-id-8795 h1, 
.page-id-8795 h2, 
.page-id-8795 h3 {
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 20px;
    color: #FFC107; /* Vibrant Gold */
    text-shadow: 0 0 10px #FF6F61, 0 0 20px #FF6F61;
    position: relative;
}

/* Remove Overflow Issues */
.page-id-8795::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('https://sintra-images.s3.eu-north-1.amazonaws.com/d04664f5-9eba-448f-ad4c-c7794cd2e6d4/message-files/6f364966-a647-478f-8310-85e5cda8b45f/image__3_.png') no-repeat center center;
    background-size: cover;
    opacity: 0.1;
    z-index: -1;
    animation: moveBackground 30s linear infinite;
}

@keyframes moveBackground {
    0% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(-50px, -50px);
    }
    100% {
        transform: translate(0, 0);
    }
}

/* Button Styling with Neon Glow */
.page-id-8795 .cta-button {
    background: linear-gradient(45deg, #FF6F61, #FFC107);
    color: #ffffff;
    padding: 15px 30px;
    font-size: 18px;
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2), 0 0 10px #FF6F61;
}

.page-id-8795 .cta-button:hover {
    background: linear-gradient(45deg, #FFC107, #FF6F61);
    transform: scale(1.1);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4), 0 0 20px #FFC107;
}

/* Floating Music Notes */
.page-id-8795 .floating-note {
    position: absolute;
    animation: float 6s ease-in-out infinite;
    font-size: 24px;
    color: #FFC107;
    opacity: 0.8;
}

.page-id-8795 .floating-note:nth-child(1) {
    top: 10%;
    left: 20%;
    animation-delay: 0s;
}

.page-id-8795 .floating-note:nth-child(2) {
    top: 30%;
    left: 70%;
    animation-delay: 2s;
}

.page-id-8795 .floating-note:nth-child(3) {
    top: 60%;
    left: 40%;
    animation-delay: 4s;
}

@keyframes float {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
}

/* Section Cards */
.page-id-8795 .section {
    background: rgba(255, 255, 255, 0.2);
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    margin-bottom: 30px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.page-id-8795 .section:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
}

/* Mobile Optimization */
@media screen and (max-width: 768px) {
    .page-id-8795 h1 {
        font-size: 2rem;
    }

    .page-id-8795 h2 {
        font-size: 1.75rem;
    }

    .page-id-8795 p {
        font-size: 1rem;
    }

    .page-id-8795 .cta-button {
        padding: 12px 25px;
    }
}

/* General Page Styling */
.page-id-8795 {
    background: linear-gradient(135deg, #1E90FF, #FF6F61, #FFC107); /* Ocean Blue to Coral to Gold */
    color: #ffffff; /* White text for contrast */
    padding: 50px 20px;
    font-family: 'Poppins', sans-serif;
    text-align: center;
    position: relative;
}

/* Header Styling with Glow */
.page-id-8795 h1, 
.page-id-8795 h2, 
.page-id-8795 h3 {
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 20px;
    color: #FFC107; /* Vibrant Gold */
    text-shadow: 0 0 10px #FF6F61, 0 0 20px #1E90FF;
    position: relative;
}

/* Section Cards */
.page-id-8795 .section {
    background: rgba(255, 255, 255, 0.1); /* Light translucent background */
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    margin-bottom: 30px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.page-id-8795 .section:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
}

/* Button Styling with Neon Glow */
.page-id-8795 .cta-button {
    background: linear-gradient(45deg, #FF6F61, #FFC107);
    color: #ffffff;
    padding: 15px 30px;
    font-size: 18px;
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2), 0 0 10px #FF6F61;
}

.page-id-8795 .cta-button:hover {
    background: linear-gradient(45deg, #FFC107, #FF6F61);
    transform: scale(1.1);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4), 0 0 20px #FFC107;
}

/* Floating Music Notes */
.page-id-8795 .floating-note {
    position: absolute;
    animation: float 6s ease-in-out infinite;
    font-size: 24px;
    color: #FFC107;
    opacity: 0.8;
}

.page-id-8795 .floating-note:nth-child(1) {
    top: 10%;
    left: 20%;
    animation-delay: 0s;
}

.page-id-8795 .floating-note:nth-child(2) {
    top: 30%;
    left: 70%;
    animation-delay: 2s;
}

.page-id-8795 .floating-note:nth-child(3) {
    top: 60%;
    left: 40%;
    animation-delay: 4s;
}

@keyframes float {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
}

/* Mobile Optimization */
@media screen and (max-width: 768px) {
    .page-id-8795 h1 {
        font-size: 2rem;
    }

    .page-id-8795 h2 {
        font-size: 1.75rem;
    }

    .page-id-8795 p {
        font-size: 1rem;
    }

    .page-id-8795 .cta-button {
        padding: 12px 25px;
    }
}
/* General Page Styling */
.page-id-8795 {
    background: linear-gradient(135deg, #1E90FF, #FF6F61, #FFC107); /* Ocean Blue to Coral to Gold */
    color: #ffffff; /* White text for contrast */
    padding: 50px 20px;
    font-family: 'Poppins', sans-serif;
    text-align: center;
    position: relative;
}

/* Header Styling with Softer Glow */
.page-id-8795 h1, 
.page-id-8795 h2, 
.page-id-8795 h3 {
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 20px;
    color: #FFC107; /* Vibrant Gold */
    text-shadow: 0 0 5px rgba(255, 111, 97, 0.8), 0 0 10px rgba(30, 144, 255, 0.6); /* Softer shadows */
    position: relative;
}

/* Section Cards */
.page-id-8795 .section {
    background: rgba(255, 255, 255, 0.1); /* Light translucent background */
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    margin-bottom: 30px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.page-id-8795 .section:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
}

/* Button Styling with Subtle Glow */
.page-id-8795 .cta-button {
    background: linear-gradient(45deg, #FF6F61, #FFC107);
    color: #ffffff;
    padding: 15px 30px;
    font-size: 18px;
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 4px 10px rgba(255, 111, 97, 0.5); /* Softer glow */
}

.page-id-8795 .cta-button:hover {
    background: linear-gradient(45deg, #FFC107, #FF6F61);
    transform: scale(1.1);
    box-shadow: 0 6px 15px rgba(255, 193, 7, 0.6); /* Subtle hover effect */
}

/* Floating Music Notes */
.page-id-8795 .floating-note {
    position: absolute;
    animation: float 6s ease-in-out infinite;
    font-size: 24px;
    color: #FFC107;
    opacity: 0.8;
}

.page-id-8795 .floating-note:nth-child(1) {
    top: 10%;
    left: 20%;
    animation-delay: 0s;
}

.page-id-8795 .floating-note:nth-child(2) {
    top: 30%;
    left: 70%;
    animation-delay: 2s;
}

.page-id-8795 .floating-note:nth-child(3) {
    top: 60%;
    left: 40%;
    animation-delay: 4s;
}

@keyframes float {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
}

/* Mobile Optimization */
@media screen and (max-width: 768px) {
    .page-id-8795 h1 {
        font-size: 2rem;
    }

    .page-id-8795 h2 {
        font-size: 1.75rem;
    }

    .page-id-8795 p {
        font-size: 1rem;
    }

    .page-id-8795 .cta-button {
        padding: 12px 25px;
    }
}
/* General Text Box Styling */
.page-id-8831 .uagb-infobox__content-wrap {
    background: linear-gradient(135deg, #1E90FF, #FF6F61); /* Ocean Blue to Vibrant Coral */
    color: #ffffff; /* White text for contrast */
    padding: 20px;
    border-radius: 12px; /* Slightly rounded corners for a modern look */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); /* Subtle shadow for depth */
    text-align: left; /* Align text to the left for readability */
    font-family: 'Poppins', sans-serif;
    margin-bottom: 20px;
}

/* Text Styling Inside Boxes */
.page-id-8831 .uagb-infobox__content-wrap h1,
.page-id-8831 .uagb-infobox__content-wrap h2,
.page-id-8831 .uagb-infobox__content-wrap h3,
.page-id-8831 .uagb-infobox__content-wrap h4,
.page-id-8831 .uagb-infobox__content-wrap p {
    margin: 0 0 15px;
    line-height: 1.8;
    color: #ffffff; /* Keep text white for contrast */
    text-shadow: none; /* Remove heavy text shadows */
}

/* Highlighted Text */
.page-id-8831 .uagb-infobox__content-wrap strong {
    color: #FFC107; /* Use vibrant gold for highlights */
    font-weight: bold;
}

/* Box Hover Effect */
.page-id-8831 .uagb-infobox__content-wrap:hover {
    transform: translateY(-5px); /* Slight lift on hover */
    transition: all 0.3s ease-in-out;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3); /* Enhanced shadow on hover */
}

/* Responsive Adjustments for Mobile */
@media screen and (max-width: 768px) {
    .page-id-8831 .uagb-infobox__content-wrap {
        padding: 15px; /* Reduce padding for smaller screens */
        font-size: 1rem; /* Adjust font size for readability */
    }
}

/* General Text Box Styling */
.page-id-8831 .uagb-infobox__content-wrap {
    background: linear-gradient(135deg, #1E90FF, #87CEFA); /* Ocean Blue to Sky Blue */
    color: #ffffff; /* White text for contrast */
    padding: 20px;
    border-radius: 12px; /* Slightly rounded corners for a modern look */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); /* Subtle shadow for depth */
    text-align: left; /* Align text to the left for readability */
    font-family: 'Poppins', sans-serif;
    margin-bottom: 20px;
    transition: all 0.3s ease-in-out; /* Smooth hover effect */
}

/* Hover Effect for Text Boxes */
.page-id-8831 .uagb-infobox__content-wrap:hover {
    transform: translateY(-5px); /* Slight lift on hover */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3); /* Enhanced shadow on hover */
    background: linear-gradient(135deg, #00BFFF, #1E90FF); /* Slightly darker ocean gradient on hover */
}

/* Fix for Missing Text Box */
.page-id-8831 .uagb-block-9f4ce8ca .uagb-infobox__content-wrap {
    background: linear-gradient(135deg, #1E90FF, #87CEFA); /* Ensure consistent ocean background */
    color: #ffffff; /* White text */
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    margin-bottom: 20px;
    text-align: left;
}

/* Highlight Key Text */
.page-id-8831 .uagb-infobox__content-wrap strong {
    color: #FFD700; /* Gold for emphasis */
    font-weight: bold;
}

/* Responsive Adjustments for Smaller Screens */
@media screen and (max-width: 768px) {
    .page-id-8831 .uagb-infobox__content-wrap {
        padding: 15px; /* Reduce padding for smaller screens */
        font-size: 1rem; /* Adjust font size for readability */
    }
}

/* Apply Background Image to the Entire Page */
.page-id-8831 {
    background-image: url('https://djmixandgo.com/wp-content/uploads/2025/04/image-5.jpg'); /* Your Image URL */
    background-size: cover; /* Ensures the image covers the entire page */
    background-position: center; /* Centers the image */
    background-attachment: fixed; /* Creates a parallax effect */
    background-repeat: no-repeat; /* Prevents repeating the image */
    color: #ffffff; /* Ensures text is readable on the background */
}

/* Add a Subtle Overlay for Better Text Contrast */
.page-id-8831::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5); /* Semi-transparent black overlay */
    z-index: 1;
}

/* Ensure Content Stays Above the Background */
.page-id-8831 .uagb-container-inner-blocks-wrap {
    position: relative;
    z-index: 2;
}

/* Adjust Padding for Content */
.page-id-8831 .uagb-container-inner-blocks-wrap {
    padding: 40px 20px;
}

/* === Fix Scrolling for Page ID 8887 === */
.page-id-8887 {
    position: relative; /* Ensures proper stacking context */
    background: #1E1E40; /* Deep navy for a sleek, techy feel */
    color: white;
    padding: 40px 20px;
    overflow-y: auto; /* Enables vertical scrolling */
    height: auto; /* Allows the page to grow with content */
}

/* Fix for Body and HTML Scrolling */
html, body {
    overflow-y: visible !important; /* Forces vertical scrolling */
    height: auto; /* Ensures content height adapts */
}

/* Grid Overlay */
.page-id-8887::before {
    content: '';
    position: fixed; /* Keeps the grid in place while scrolling */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.1) 1px, transparent 1px),
                      linear-gradient(90deg, rgba(255, 255, 255, 0.1) 1px, transparent 1px);
    background-size: 40px 40px; /* Creates a subtle grid */
    z-index: -1; /* Pushes grid behind content */
    pointer-events: none; /* Prevents grid from blocking interactions */
}

/* Calendar and Checklist Icons */
.page-id-8887::after {
    content: '';
    position: fixed; /* Keeps icons in place while scrolling */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://cdn-icons-png.flaticon.com/512/747/747376.png'), /* Calendar Icon */
                      url('https://cdn-icons-png.flaticon.com/512/2917/2917995.png'); /* Checklist Icon */
    background-repeat: no-repeat, no-repeat;
    background-position: 20% 30%, 80% 70%; /* Positions icons subtly */
    background-size: 80px, 80px; /* Adjusts icon size */
    opacity: 0.1; /* Makes icons subtle and unobtrusive */
    z-index: -1; /* Keeps icons behind content */
    pointer-events: none;
}

/* Content Wrapper to Keep Text Above Background */
.page-id-8887 .content-wrapper {
    position: relative;
    z-index: 1; /* Ensures content stays above the background */
}

/* Debugging Fix: Ensure Body Scrolls */
body {
    overflow-y: scroll !important; /* Forces scrollbars to appear */
    height: auto !important; /* Ensures the body grows with content */
}
/* === Background Styling for Page ID 8887 === */
.page-id-8887 {
    position: relative;
    background-image: url('https://djmixandgo.com/wp-content/uploads/2025/04/vizzy_aicrew_Background-Image.jpg'); /* Your new background */
    background-size: cover; /* Ensures the image covers the entire page */
    background-position: center; /* Centers the image */
    background-attachment: fixed; /* Keeps the background fixed while scrolling */
    color: white; /* Keeps text readable */
    padding: 40px 20px; /* Adds breathing space */
    overflow-y: auto; /* Ensures scrolling works */
}

/* Content Wrapper to Keep Text Above Background */
.page-id-8887 .content-wrapper {
    position: relative;
    z-index: 1; /* Keeps content above the background */
}

/* Optional: Add a Subtle Overlay for Better Contrast */
.page-id-8887::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Semi-transparent black overlay */
    z-index: -1; /* Keeps it behind the content */
    pointer-events: none; /* Ensures it doesn’t interfere with clicks */
}

/* === Page ID 8911 Dynamic Design === */
.page-id-8911 {
    position: relative;
    background: linear-gradient(180deg, #FFF8E1, #1E1E40); /* Soft cream to deep navy gradient */
    color: #1E1E40; /* Deep navy text for contrast */
    padding: 50px 20px; /* Adds spacing around the content */
    overflow-y: auto; /* Ensures smooth scrolling */
}

/* === Background Motifs: Ribbons and Stars === */
.page-id-8911::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://sintra-images.s3.eu-north-1.amazonaws.com/d04664f5-9eba-448f-ad4c-c7794cd2e6d4/message-files/9e8329e7-7267-4a4f-b203-eb54786990d1/image.png');
    background-size: cover; /* Ensures the image fills the space */
    background-position: center; /* Centers the image */
    background-attachment: fixed; /* Keeps the background fixed while scrolling */
    opacity: 0.3; /* Subtle overlay effect */
    z-index: -1; /* Keeps it behind the content */
}

/* === Text Container Styling === */
.page-id-8911 .content-wrapper {
    position: relative;
    z-index: 2; /* Keeps content above the background */
    background: rgba(255, 255, 255, 0.95); /* Light, almost opaque white background */
    color: #1E1E40; /* Deep navy text for readability */
    padding: 30px; /* Adds spacing inside the container */
    border-radius: 15px; /* Softens the edges for a polished look */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2); /* Adds subtle depth */
    margin: 30px auto; /* Centers the content */
    max-width: 900px; /* Limits the width for readability */
}

/* === Heading Styling === */
.page-id-8911 h1,
.page-id-8911 h2,
.page-id-8911 h3,
.page-id-8911 h4 {
    color: #FFD700; /* Gold text for headings */
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); /* Adds subtle depth */
    font-family: 'Playfair Display', serif; /* Elegant serif font for creative flair */
    margin-bottom: 20px; /* Adds spacing below headings */
}

/* === Paragraph Styling === */
.page-id-8911 p {
    color: #1E1E40; /* Deep navy text for readability */
    line-height: 1.7; /* Improves paragraph readability */
    font-size: 1.2em; /* Slightly larger text for a creative feel */
    margin-bottom: 20px; /* Adds spacing between paragraphs */
}

/* === Link Styling === */
.page-id-8911 a {
    color: #FFD700; /* Gold links */
    font-weight: bold; /* Makes links stand out */
    text-decoration: underline; /* Highlights links */
    transition: color 0.3s ease; /* Smooth color transition on hover */
}

.page-id-8911 a:hover {
    color: #FFB800; /* Slightly darker gold on hover */
}

/* === Optional Floating Stars === */
.page-id-8911 .floating-stars {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; /* Keeps it above the background but behind text */
    pointer-events: none; /* Prevents interference with clicks */
    animation: sparkle 10s infinite; /* Adds subtle animation to stars */
}

@keyframes sparkle {
    0% {
        opacity: 0.5;
        transform: scale(1);
    }
    50% {
        opacity: 1;
        transform: scale(1.2);
    }
    100% {
        opacity: 0.5;
        transform: scale(1);
    }
}

/* === Paragraph Text Boxes with Beige Background and Dark Purple Text === */
.page-id-8911 p {
    background-color: #F5F5DC; /* Light beige background */
    color: #4B0082; /* Rich dark purple text for readability */
    padding: 15px; /* Adds spacing inside the box */
    border-radius: 10px; /* Softens the edges */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Adds a subtle shadow for depth */
    margin-bottom: 20px; /* Adds spacing between paragraphs */
    line-height: 1.7; /* Improves readability */
    font-size: 1.2em; /* Slightly larger text for a polished look */
    text-shadow: none; /* Keeps text clean and sharp */
}

/* === Heading Styling for Consistency === */
.page-id-8911 h1,
.page-id-8911 h2,
.page-id-8911 h3,
.page-id-8911 h4 {
    color: #4B0082; /* Matches the dark purple theme */
    margin-bottom: 15px; /* Adds spacing below headings */
    font-family: 'Playfair Display', serif; /* Elegant serif font for storytelling */
}

/* === Optional: Add a Subtle Border to Paragraphs === */
.page-id-8911 p {
    border: 1px solid #E0CDA9; /* Soft beige border for a refined look */
}

/* === Paragraph Text Boxes with Beige Background and Dark Purple Text === */
.page-id-8911 p {
    background-color: #F5F5DC !important; /* Light beige background */
    color: #4B0082 !important; /* Rich dark purple text */
    padding: 15px !important; /* Adds spacing inside the box */
    border-radius: 10px !important; /* Softens the edges */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important; /* Adds a subtle shadow */
    margin-bottom: 20px !important; /* Adds spacing between paragraphs */
    line-height: 1.7 !important; /* Improves readability */
    font-size: 1.2em !important; /* Slightly larger text */
    text-shadow: none !important; /* Keeps text clean and sharp */
}

/* === Heading Styling for Consistency === */
.page-id-8911 h1,
.page-id-8911 h2,
.page-id-8911 h3,
.page-id-8911 h4 {
    color: #4B0082 !important; /* Matches the dark purple theme */
    margin-bottom: 15px !important; /* Adds spacing below headings */
    font-family: 'Playfair Display', serif !important; /* Elegant serif font */
}

/* === Header Text Styling with White Outline === */
.page-id-8911 h1,
.page-id-8911 h2,
.page-id-8911 h3,
.page-id-8911 h4 {
    color: #4B0082; /* Dark purple text */
    text-shadow: 
        -1px -1px 0 #FFFFFF, /* Top-left white outline */
        1px -1px 0 #FFFFFF,  /* Top-right white outline */
        -1px 1px 0 #FFFFFF,  /* Bottom-left white outline */
        1px 1px 0 #FFFFFF;   /* Bottom-right white outline */
    font-family: 'Playfair Display', serif; /* Elegant serif font */
    font-weight: bold; /* Make it stand out */
    margin-bottom: 15px; /* Spacing below headings */
    text-align: center; /* Center-align for better visual balance */
}

/* Optional: Add a subtle shadow for depth */
.page-id-8911 h1,
.page-id-8911 h2,
.page-id-8911 h3,
.page-id-8911 h4 {
    text-shadow: 
        -1px -1px 0 #FFFFFF, 
        1px -1px 0 #FFFFFF, 
        -1px 1px 0 #FFFFFF, 
        1px 1px 0 #FFFFFF, 
        2px 2px 4px rgba(0, 0, 0, 0.5); /* Slight shadow for depth */
}

/* === Page ID 8911 Background with Writing Motifs === */
.page-id-8911 {
    position: relative;
    background: linear-gradient(180deg, #FFF8E1, #1E1E40); /* Cream to navy gradient */
    color: #2C003E; /* Dark purple text for contrast */
    padding: 50px 20px;
    overflow-y: auto; /* Smooth scrolling */
}

/* === Writing Motifs (Quill Pens and Letters) === */
.page-id-8911::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://sintra-images.s3.eu-north-1.amazonaws.com/d04664f5-9eba-448f-ad4c-c7794cd2e6d4/message-files/9e8329e7-7267-4a4f-b203-eb54786990d1/image.png'),
                      url('https://example.com/quill-pen.png'), /* Replace with your quill pen image */
                      url('https://example.com/letter.png'); /* Replace with your letter image */
    background-repeat: no-repeat, repeat, repeat; /* Quill pen appears once, letters repeat */
    background-position: center, 20% 50%, 80% 70%; /* Position motifs creatively */
    background-size: cover, 150px, 120px; /* Adjust sizes for motifs */
    opacity: 0.2; /* Subtle, non-distracting motifs */
    z-index: -1; /* Keeps motifs behind content */
}

/* === Optional Animation for Floating Effect === */
.page-id-8911 .floating-motifs {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0; /* Keeps it behind the text container */
    pointer-events: none;
}

.page-id-8911 .floating-motif {
    position: absolute;
    font-family: 'Playfair Display', serif; /* Elegant serif font */
    font-size: 2rem; /* Adjust size for visibility */
    color: rgba(44, 0, 62, 0.2); /* Faded dark purple for subtlety */
    animation: float 10s linear infinite; /* Floating animation */
}

/* Floating Animation */
@keyframes float {
    0% {
        transform: translateY(100%);
        opacity: 0.5;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: translateY(-100%);
        opacity: 0.5;
    }
}

/* === Page Background Styling === */
.page-id-8944 {
    position: relative;
    background-image: url('https://sintra-dalle-generated-images.s3.eu-north-1.amazonaws.com/8c654bff-7096-4159-aba1-aa0af4cfb674/image.png'); /* Magical unicorn background */
    background-size: cover; /* Ensures the background covers the full page */
    background-position: center; /* Centers the background */
    background-attachment: fixed; /* Keeps the background fixed while scrolling */
    color: #4B0082; /* Dark purple text for consistency */
    padding: 50px 20px; /* Adds spacing around the content */
    overflow-y: auto; /* Smooth scrolling */
}

/* === Content Wrapper Styling === */
.page-id-8944 .content-wrapper {
    position: relative;
    z-index: 2; /* Keeps content above the background */
    background: rgba(255, 255, 255, 0.9); /* Light, semi-transparent white background */
    color: #4B0082; /* Dark purple text for readability */
    padding: 30px; /* Adds spacing inside the container */
    border-radius: 15px; /* Softens the edges */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2); /* Adds depth */
    margin: 20px auto; /* Centers the content */
    max-width: 900px; /* Limits the content width for readability */
}

/* === Header Text Styling === */
.page-id-8944 h1,
.page-id-8944 h2,
.page-id-8944 h3,
.page-id-8944 h4 {
    color: #FFD700; /* Gold text for headers */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); /* Adds subtle depth */
    font-family: 'Playfair Display', serif; /* Elegant serif font for a professional vibe */
    margin-bottom: 20px; /* Adds spacing below headers */
    text-align: center; /* Centers the headers */
}

/* === Paragraph Styling === */
.page-id-8944 p {
    background-color: #F5F5DC; /* Light beige background */
    color: #4B0082; /* Dark purple text for readability */
    padding: 15px; /* Adds spacing inside the box */
    border-radius: 10px; /* Softens the edges */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Adds subtle depth */
    margin-bottom: 20px; /* Adds spacing between paragraphs */
    line-height: 1.7; /* Improves readability */
    font-size: 1.2em; /* Slightly larger text for a polished look */
    text-shadow: none; /* Keeps text clean and sharp */
}

/* === Image Styling === */
.page-id-8944 img {
    border-radius: 15px; /* Adds rounded corners to images */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); /* Adds depth to images */
    margin-bottom: 20px; /* Adds spacing below images */
    max-width: 100%; /* Ensures images are responsive */
    transition: transform 0.3s ease; /* Adds hover animation */
}

.page-id-8944 img:hover {
    transform: scale(1.05); /* Slightly enlarges images on hover */
}

/* === Buttons Styling === */
.page-id-8944 .cta-button {
    background: linear-gradient(45deg, #FFD700, #FFB800); /* Gold gradient background */
    color: #4B0082; /* Dark purple text */
    padding: 15px 30px; /* Adds padding for a button feel */
    border-radius: 25px; /* Rounded button */
    font-size: 1.1em; /* Slightly larger text */
    font-weight: bold; /* Emphasizes button text */
    text-align: center; /* Centers button text */
    display: inline-block; /* Ensures proper button display */
    margin: 20px auto; /* Centers the button */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); /* Adds depth */
    transition: all 0.3s ease; /* Smooth hover effect */
}

.page-id-8944 .cta-button:hover {
    background: linear-gradient(45deg, #FFB800, #FFD700); /* Reverse gradient on hover */
    transform: translateY(-5px); /* Creates a slight lift effect */
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3); /* Enhances hover shadow */
}

/* === Unicorn Motifs === */
.page-id-8944::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://example.com/unicorn-motif.png'); /* Add a subtle unicorn motif */
    background-repeat: no-repeat;
    background-size: 150px;
    background-position: 10% 20%, 80% 70%; /* Positions motifs creatively */
    opacity: 0.1; /* Keeps motifs subtle */
    z-index: 1; /* Places motifs behind content */
}

/* === Page ID 8956 Styling === */
.page-id-8956 {
    position: relative;
    background: url('https://sintra-dalle-generated-images.s3.eu-north-1.amazonaws.com/7f3d4cf7-f399-47bf-b7a4-3c783929b85f/image.png') no-repeat center center fixed;
    background-size: cover; /* Ensures the image covers the full page */
    color: #2C003E; /* Deep purple text for contrast */
    padding: 50px 20px; /* Adds spacing around the content */
    overflow-y: auto; /* Smooth scrolling */
}

/* === Content Wrapper === */
.page-id-8956 .content-wrapper {
    position: relative;
    z-index: 2; /* Keeps content above the background */
    background: rgba(255, 255, 255, 0.85); /* Semi-transparent white for readability */
    color: #2C003E;
    padding: 30px;
    border-radius: 15px; /* Rounded corners */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2); /* Subtle shadow */
    margin: 20px auto;
    max-width: 900px; /* Limits content width for readability */
    transition: transform 0.3s ease;
}

.page-id-8956 .content-wrapper:hover {
    transform: scale(1.02); /* Slight zoom on hover */
}

/* === Header Styling === */
.page-id-8956 h1,
.page-id-8956 h2,
.page-id-8956 h3,
.page-id-8956 h4 {
    color: #FFD700; /* Gold text for headers */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); /* Adds subtle depth */
    font-family: 'Playfair Display', serif; /* Elegant serif font */
    margin-bottom: 20px;
    text-align: center;
    transition: text-shadow 0.3s ease, transform 0.3s ease;
}

.page-id-8956 h1:hover,
.page-id-8956 h2:hover,
.page-id-8956 h3:hover,
.page-id-8956 h4:hover {
    text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5);
    transform: translateY(-5px); /* Slight lift on hover */
}

/* === Paragraph Styling === */
.page-id-8956 p {
    font-family: 'Lato', sans-serif;
    line-height: 1.7;
    font-size: 1.2em;
    color: #2C003E;
    margin-bottom: 20px;
    background: rgba(255, 255, 255, 0.7); /* Light overlay for paragraphs */
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* === Call-to-Action Buttons === */
.page-id-8956 .cta-button {
    background: linear-gradient(45deg, #FFD700, #FFB800);
    color: #2C003E;
    padding: 15px 30px;
    border-radius: 25px;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    margin: 20px auto;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
}

.page-id-8956 .cta-button:hover {
    background: linear-gradient(45deg, #FFB800, #FFD700);
    transform: translateY(-5px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}

/* === Images === */
.page-id-8956 img {
    border-radius: 15px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    margin-bottom: 20px;
    max-width: 100%;
    transition: transform 0.3s ease;
}

.page-id-8956 img:hover {
    transform: rotate(3deg) scale(1.05); /* Slight rotation and zoom on hover */
}
/* === Header Styling with Purple Transparent Background and Thicker Outline === */
.page-id-8956 h1,
.page-id-8956 h2,
.page-id-8956 h3,
.page-id-8956 h4 {
    position: relative;
    color: #ffffff; /* Bright white text */
    font-family: 'Playfair Display', serif; /* Elegant serif font */
    text-align: center;
    margin-bottom: 20px;
    padding: 15px 20px; /* Adds padding inside the background */
    background: rgba(75, 0, 130, 0.7); /* Purple transparent background (Indigo shade) */
    border-radius: 8px; /* Rounded corners */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8); /* Thicker text shadow for better readability */
    display: inline-block; /* Ensures the background fits the text */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth hover effect */
    border: 2px solid #ffffff; /* White border around the background */
}

.page-id-8956 h1:hover,
.page-id-8956 h2:hover,
.page-id-8956 h3:hover,
.page-id-8956 h4:hover {
    transform: translateY(-5px); /* Slight lift on hover */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.5); /* Enhanced shadow on hover */
}

/* === Optional Glow Effect for Headers === */
.page-id-8956 h1::before,
.page-id-8956 h2::before,
.page-id-8956 h3::before,
.page-id-8956 h4::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle, rgba(138, 43, 226, 0.3), transparent); /* Subtle purple glow */
    z-index: -1; /* Places the glow behind the text */
    border-radius: 12px; /* Matches the rounded corner of the background */
    animation: pulseGlow 2s infinite; /* Adds a glowing animation */
}

/* Glow Animation */
@keyframes pulseGlow {
    0% {
        transform: scale(1);
        opacity: 0.7;
    }
    50% {
        transform: scale(1.1);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 0.7;
    }
}

/* === Page ID 8998 Styling === */
.page-id-8998 {
    position: relative;
    background: url('https://sintra-dalle-generated-images.s3.eu-north-1.amazonaws.com/4e711064-46f9-475a-8548-40df0343e145/image.png') no-repeat center center fixed;
    background-size: cover; /* Ensures the background covers the entire page */
    color: #FFFFFF; /* Default white text for contrast */
    padding: 50px 20px; /* Adds spacing around the edges */
    overflow-y: auto; /* Smooth scrolling for content */
}

/* === Content Wrapper with Readable Background === */
.page-id-8998 .content-wrapper {
    position: relative;
    z-index: 2; /* Keeps content above the background */
    background: rgba(0, 0, 0, 0.6); /* Semi-transparent black background for readability */
    color: #FFFFFF; /* White text for contrast */
    padding: 30px;
    border-radius: 15px; /* Rounded corners for a polished look */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2); /* Subtle shadow for depth */
    margin: 20px auto;
    max-width: 900px; /* Limits content width for readability */
}

/* === Header Styling === */
.page-id-8998 h1,
.page-id-8998 h2,
.page-id-8998 h3,
.page-id-8998 h4 {
    color: #FFD700; /* Haitian Gold text for headers */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8); /* Adds depth and visibility */
    font-family: 'Playfair Display', serif; /* Elegant serif font */
    margin-bottom: 20px;
    text-align: center;
    padding: 10px 15px;
    background: rgba(75, 0, 130, 0.7); /* Transparent indigo background for headers */
    border-radius: 10px; /* Rounded corners */
    display: inline-block; /* Ensures the background fits the text */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth hover effect */
}

.page-id-8998 h1:hover,
.page-id-8998 h2:hover,
.page-id-8998 h3:hover,
.page-id-8998 h4:hover {
    transform: translateY(-5px); /* Slight lift on hover */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.5); /* Enhanced shadow on hover */
}

/* === Paragraph Styling === */
.page-id-8998 p {
    font-family: 'Lato', sans-serif;
    line-height: 1.7;
    font-size: 1.2em;
    color: #FFFFFF; /* White text for contrast */
    margin-bottom: 20px;
    background: rgba(0, 0, 0, 0.6); /* Semi-transparent black for paragraph readability */
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow */
}

/* === Call-to-Action Buttons === */
.page-id-8998 .cta-button {
    background: linear-gradient(45deg, #FFD700, #FFB800); /* Gold gradient */
    color: #2C003E; /* Deep purple text */
    padding: 15px 30px;
    border-radius: 25px;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    margin: 20px auto;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); /* Adds depth */
    transition: all 0.3s ease;
}

.page-id-8998 .cta-button:hover {
    background: linear-gradient(45deg, #FFB800, #FFD700); /* Reverse gradient on hover */
    transform: translateY(-5px); /* Lift effect */
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3); /* Enhanced hover shadow */
}

/* === Images === */
.page-id-8998 img {
    border-radius: 15px; /* Rounded corners */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); /* Adds depth */
    margin-bottom: 20px;
    max-width: 100%; /* Ensures responsiveness */
    transition: transform 0.3s ease; /* Smooth hover animation */
}

.page-id-8998 img:hover {
    transform: scale(1.05); /* Slight zoom effect on hover */
}

/* === Page ID 9019 Styling === */
.page-id-9019 {
    position: relative;
    background: url('https://sintra-dalle-generated-images.s3.eu-north-1.amazonaws.com/bc172262-ecf9-4eb7-ac08-1cbd267024ca/image.png') no-repeat center center fixed;
    background-size: cover; /* Full-page background with doves carrying emails */
    color: #FFFFFF; /* White text for contrast */
    padding: 50px 20px;
    overflow-y: auto; /* Smooth scrolling */
}

/* === Content Wrapper for Readability === */
.page-id-9019 .content-wrapper {
    position: relative;
    z-index: 2; /* Keeps content above the background */
    background: rgba(0, 0, 0, 0.7); /* Semi-transparent black for readability */
    color: #FFFFFF; /* White text for contrast */
    padding: 30px;
    border-radius: 15px; /* Rounded corners for a polished look */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Subtle shadow for depth */
    margin: 20px auto;
    max-width: 900px; /* Limits content width for readability */
}

/* === Header Styling === */
.page-id-9019 h1,
.page-id-9019 h2,
.page-id-9019 h3,
.page-id-9019 h4 {
    color: #FFD700; /* Haitian Gold for headers */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8); /* Adds depth and visibility */
    font-family: 'Playfair Display', serif; /* Elegant serif font */
    margin-bottom: 20px;
    text-align: center;
    padding: 10px 15px;
    background: rgba(75, 0, 130, 0.8); /* Transparent indigo background for headers */
    border-radius: 10px; /* Rounded corners */
    display: inline-block; /* Ensures the background fits the text */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth hover effect */
}

.page-id-9019 h1:hover,
.page-id-9019 h2:hover,
.page-id-9019 h3:hover,
.page-id-9019 h4:hover {
    transform: translateY(-5px); /* Slight lift on hover */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.5); /* Enhanced shadow on hover */
}

/* === Paragraph Styling === */
.page-id-9019 p {
    font-family: 'Lato', sans-serif;
    line-height: 1.7;
    font-size: 1.2em;
    color: #FFFFFF; /* White text for contrast */
    margin-bottom: 20px;
    background: rgba(0, 0, 0, 0.6); /* Semi-transparent black for paragraph readability */
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Subtle shadow */
}

/* === Call-to-Action Buttons === */
.page-id-9019 .cta-button {
    background: linear-gradient(45deg, #FFD700, #FFB800); /* Gold gradient */
    color: #2C003E; /* Deep purple text */
    padding: 15px 30px;
    border-radius: 25px;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    margin: 20px auto;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); /* Adds depth */
    transition: all 0.3s ease;
}

.page-id-9019 .cta-button:hover {
    background: linear-gradient(45deg, #FFB800, #FFD700); /* Reverse gradient on hover */
    transform: translateY(-5px); /* Lift effect */
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3); /* Enhanced hover shadow */
}

/* === Images === */
.page-id-9019 img {
    border-radius: 15px; /* Rounded corners */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); /* Adds depth */
    margin-bottom: 20px;
    max-width: 100%; /* Ensures responsiveness */
    transition: transform 0.3s ease; /* Smooth hover animation */
}

.page-id-9019 img:hover {
    transform: scale(1.05); /* Slight zoom effect on hover */
}

/* === Decorative Elements === */
.page-id-9019 .decorative-element {
    position: absolute;
    animation: float 5s ease-in-out infinite; /* Floating animation for decorative icons */
}

@keyframes float {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0px);
    }
}
/* === Page ID 9039 Styling === */
.page-id-9039 {
    position: relative;
    background: url('https://djmixandgo.com/wp-content/uploads/2025/02/Talent-Trackers-Background.jpg') no-repeat center center fixed;
    background-size: cover; /* Full-page background with recruitment and travel motifs */
    color: #FFFFFF; /* White text for contrast */
    padding: 50px 20px;
    overflow-y: auto; /* Smooth scrolling */
}

/* === Content Wrapper for Readability === */
.page-id-9039 .content-wrapper {
    position: relative;
    z-index: 2; /* Keeps content above the background */
    background: rgba(0, 0, 0, 0.7); /* Semi-transparent black for readability */
    color: #FFFFFF; /* White text for contrast */
    padding: 30px;
    border-radius: 15px; /* Rounded corners for a polished look */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Subtle shadow for depth */
    margin: 20px auto;
    max-width: 900px; /* Limits content width for readability */
}

/* === Header Styling === */
.page-id-9039 h1,
.page-id-9039 h2,
.page-id-9039 h3,
.page-id-9039 h4 {
    color: #FFD700; /* Haitian Gold for headers */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8); /* Adds depth and visibility */
    font-family: 'Playfair Display', serif; /* Elegant serif font */
    margin-bottom: 20px;
    text-align: center;
    padding: 10px 15px;
    background: rgba(75, 0, 130, 0.8); /* Transparent indigo background for headers */
    border-radius: 10px; /* Rounded corners */
    display: inline-block; /* Ensures the background fits the text */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth hover effect */
}

.page-id-9039 h1:hover,
.page-id-9039 h2:hover,
.page-id-9039 h3:hover,
.page-id-9039 h4:hover {
    transform: translateY(-5px); /* Slight lift on hover */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.5); /* Enhanced shadow on hover */
}

/* === Paragraph Styling === */
.page-id-9039 p {
    font-family: 'Lato', sans-serif;
    line-height: 1.7;
    font-size: 1.2em;
    color: #FFFFFF; /* White text for contrast */
    margin-bottom: 20px;
    background: rgba(0, 0, 0, 0.6); /* Semi-transparent black for paragraph readability */
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Subtle shadow */
}

/* === Call-to-Action Buttons === */
.page-id-9039 .cta-button {
    background: linear-gradient(45deg, #FFD700, #FFB800); /* Gold gradient */
    color: #2C003E; /* Deep purple text */
    padding: 15px 30px;
    border-radius: 25px;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    margin: 20px auto;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); /* Adds depth */
    transition: all 0.3s ease;
}

.page-id-9039 .cta-button:hover {
    background: linear-gradient(45deg, #FFB800, #FFD700); /* Reverse gradient on hover */
    transform: translateY(-5px); /* Lift effect */
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3); /* Enhanced hover shadow */
}

/* === Images === */
.page-id-9039 img {
    border-radius: 15px; /* Rounded corners */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); /* Adds depth */
    margin-bottom: 20px;
    max-width: 100%; /* Ensures responsiveness */
    transition: transform 0.3s ease; /* Smooth hover animation */
}

.page-id-9039 img:hover {
    transform: scale(1.05); /* Slight zoom effect on hover */
}

/* === Decorative Elements === */
.page-id-9039 .decorative-element {
    position: absolute;
    animation: float 5s ease-in-out infinite; /* Floating animation for decorative icons */
}

@keyframes float {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0px);
    }
}
/* === Page ID 9039 Background Styling === */
.page-id-9039 {
    position: relative;
    background: url('https://sintra-dalle-generated-images.s3.eu-north-1.amazonaws.com/6cc15340-5e0a-4696-9c81-fcb98c1d0d01/image.png') no-repeat center center fixed;
    background-size: cover; /* Ensures the image covers the entire page */
    color: #FFFFFF; /* Default white text for contrast */
    padding: 50px 20px;
    overflow-y: auto; /* Smooth scrolling for content */
}

/* === Content Wrapper for Readability === */
.page-id-9039 .content-wrapper {
    position: relative;
    z-index: 2; /* Keeps content above the background */
    background: rgba(0, 0, 0, 0.7); /* Semi-transparent black for readability */
    color: #FFFFFF; /* White text for contrast */
    padding: 30px;
    border-radius: 15px; /* Rounded corners for a polished look */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Subtle shadow for depth */
    margin: 20px auto;
    max-width: 900px; /* Limits content width for readability */
}
/* Clean and Refined Styles for Book Now Page (ID: 578) */

/* Subtle overlay for container background */
.page-id-578 .uagb-container-inner-blocks-wrap {
    background-color: rgba(255, 255, 255, 0.9); /* Light background for clarity */
    padding: 20px;
    border-radius: 15px; /* Clean rounded edges */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* Soft shadow for depth */
    margin-bottom: 40px; /* Add spacing between sections */
}

/* Consistent font styling */
.page-id-578 h1 {
    font-size: 2.5rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}

.page-id-578 h2 {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 15px;
}

.page-id-578 p {
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 15px;
}

/* Style CTA button */
.page-id-578 .uagb-infobox-cta-link {
    background: #FFBF00; /* Haitian Gold */
    color: #003399; /* Unity Beats Blue */
    padding: 15px 30px;
    border-radius: 25px;
    font-weight: bold;
    text-transform: uppercase;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.page-id-578 .uagb-infobox-cta-link:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}

/* Style form fields */
.page-id-578 input[type="text"],
.page-id-578 input[type="email"],
.page-id-578 textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin-bottom: 15px;
    font-size: 1rem;
}

.page-id-578 input[type="text"]:focus,
.page-id-578 input[type="email"]:focus,
.page-id-578 textarea:focus {
    border-color: #FFBF00; /* Haitian Gold */
    outline: none;
    box-shadow: 0 0 5px rgba(255, 191, 0, 0.5);
}

/* Add spacing between sections */
.page-id-578 .uagb-container-inner-blocks-wrap {
    margin-bottom: 40px;
}
/* Style the Jetpack Map block on the Book Now page (ID: 578) */
.page-id-578 .wp-block-jetpack-map {
    width: 100%; /* Make the map responsive */
    height: 500px; /* Adjust the height as needed */
    margin: 20px 0; /* Add spacing around the map */
    border-radius: 15px; /* Add rounded corners */
    overflow: hidden; /* Prevent content from spilling out */
}

/* Ensure map markers are visible */
.page-id-578 .wp-block-jetpack-map iframe {
    width: 100%;
    height: 100%;
    border: none; /* Remove any unnecessary borders */
}


/* === Styling for Latest Blog Posts Block === */
.page-id-8020 .wp-block-latest-posts {
    padding: 20px !important;
    border-radius: 15px !important;
    background: #ffffff !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
}

/* === Styling for Individual Blog Post Cards === */
.page-id-8020 .wp-block-latest-posts__list-item {
    background: #ffffff !important;
    border: 4px solid #B4A04D !important; /* Haitian gold */
    border-radius: 15px !important;
    padding: 20px !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;
    overflow: hidden !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease, background-color 0.3s ease !important;
    animation: fadeIn 0.8s ease-in-out !important;
}

/* === Hover Effects for Blog Post Cards === */
.page-id-8020 .wp-block-latest-posts__list-item:hover {
    transform: translateY(-5px) !important; /* Slight lift */
    border-color: #003399 !important; /* Bold blue border */
    background-color: rgba(0, 51, 153, 0.1) !important; /* Subtle blue background */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2) !important; /* Enhanced shadow */
}

/* === Blog Post Images === */
.page-id-8020 .wp-block-latest-posts__list-item img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    border-bottom: 4px solid #B4A04D !important; /* Haitian gold */
    border-radius: 15px 15px 0 0 !important;
}

/* === Blog Post Titles === */
.page-id-8020 .wp-block-latest-posts__list-item h2 {
    font-family: 'Playfair Display', serif !important;
    font-size: 1.6rem !important;
    color: #FF4500 !important; /* Red */
    margin-bottom: 10px !important;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) !important;
    transition: color 0.3s ease !important;
}

.page-id-8020 .wp-block-latest-posts__list-item h2:hover {
    color: #003399 !important; /* Blue */
}

/* === Blog Post Excerpts === */
.page-id-8020 .wp-block-latest-posts__list-item p {
    font-size: 1rem !important;
    color: #003399 !important; /* Blue */
    line-height: 1.6 !important;
    margin-bottom: 15px !important;
}

/* === Read More Button Enhancements === */
.page-id-8020 .wp-block-latest-posts__list-item a {
    display: inline-block !important;
    background: #003399 !important;
    color: #ffffff !important;
    font-size: 0.9rem !important;
    font-weight: bold !important;
    padding: 10px 20px !important;
    border-radius: 25px !important;
    text-decoration: none !important;
    text-align: center !important;
    margin-top: 15px !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.3s ease !important;
}

.page-id-8020 .wp-block-latest-posts__list-item a:hover {
    background: #FF4500 !important; /* Red */
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3) !important;
}

/* === Animation for Fade-In Effect === */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.page-id-8020 .wp-block-uagb-container {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;
}

/* === Pioneer Pie Review Blog Styles: Page ID 9376 === */
.page-id-9376 .meat-pie-adventure-blog {
    font-family: 'Montserrat', 'Segoe UI', Arial, sans-serif;
    max-width: 740px;
    margin: 40px auto;
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.10);
    padding: 32px 24px 24px 24px;
    color: #212b36;
    line-height: 1.7;
    position: relative;
    overflow: hidden;
}
.page-id-9376 .meat-pie-adventure-blog .blog-header h1 {
    font-family: 'Playfair Display', serif;
    font-size: 2.3rem;
    color: #003399;
    margin-bottom: 8px;
}
.page-id-9376 .meat-pie-adventure-blog .intro {
    font-size: 1.2rem;
    color: #FF4500;
    font-weight: 600;
    margin-bottom: 0;
}
.page-id-9376 .meat-pie-adventure-blog .author {
    font-size: 1rem;
    color: #B4A04D;
    margin-bottom: 24px;
}
.page-id-9376 .meat-pie-adventure-blog .mix-go {
    color: #FF4500;
    font-weight: bold;
    font-size: 1.13rem;
    letter-spacing: 1px;
    margin-top: 12px;
}
.page-id-9376 .meat-pie-adventure-blog .creole {
    color: #B4A04D;
    font-style: italic;
}
/* Section Styles */
.page-id-9376 .meat-pie-adventure-blog .blog-section {
    margin-bottom: 36px;
}
.page-id-9376 .meat-pie-adventure-blog h2 {
    font-family: 'Montserrat', sans-serif;
    color: #003399;
    font-size: 1.25rem;
    margin-bottom: 10px;
    margin-top: 0;
}
/* Image & Caption Styles */
.page-id-9376 .meat-pie-adventure-blog figure {
    margin: 0 0 10px 0;
    text-align: center;
}
.page-id-9376 .meat-pie-adventure-blog img {
    max-width: 95%;
    border-radius: 14px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.12);
    margin-bottom: 6px;
}
.page-id-9376 .meat-pie-adventure-blog figcaption,
.page-id-9376 .meat-pie-adventure-blog .image-caption {
    font-size: 0.98rem;
    color: #B4A04D;
    margin-bottom: 12px;
    font-style: italic;
}
/* YouTube Highlight Section */
.page-id-9376 .meat-pie-adventure-blog .youtube-highlight {
    background: linear-gradient(90deg, #fff6e0 0%, #e0f0ff 100%);
    border-radius: 16px;
    box-shadow: 0 2px 10px rgba(0,52,153,0.07);
    padding: 28px 18px 18px 18px;
    margin: 36px 0 0 0;
    text-align: center;
    border: 2.5px solid #B4A04D;
    position: relative;
}
.page-id-9376 .meat-pie-adventure-blog .youtube-intro h2 {
    color: #FF4500;
    font-size: 1.28rem;
    margin-bottom: 8px;
    font-family: 'Montserrat', sans-serif;
}
.page-id-9376 .meat-pie-adventure-blog .youtube-intro p {
    font-size: 1rem;
    margin-bottom: 16px;
    color: #212b36;
}
.page-id-9376 .meat-pie-adventure-blog .youtube-button {
    display: inline-block;
    background: #003399;
    color: #fff;
    font-weight: bold;
    font-size: 1.1rem;
    padding: 12px 30px;
    border-radius: 24px;
    text-decoration: none;
    margin: 12px 0;
    box-shadow: 0 4px 10px rgba(0,0,0,0.13);
    transition: background 0.2s, transform 0.2s;
}
.page-id-9376 .meat-pie-adventure-blog .youtube-button:hover,
.page-id-9376 .meat-pie-adventure-blog .youtube-button:focus {
    background: #FF4500;
    color: #fff;
    transform: translateY(-2px) scale(1.04);
}
.page-id-9376 .meat-pie-adventure-blog .reshare-note {
    margin-top: 14px;
    color: #003399;
    font-size: 1.04rem;
    font-weight: 600;
}
/* Responsive Design */
@media (max-width: 600px) {
    .page-id-9376 .meat-pie-adventure-blog {
        padding: 16px 5vw;
    }
    .page-id-9376 .meat-pie-adventure-blog .youtube-highlight {
        padding: 18px 5vw 10px 5vw;
    }
    .page-id-9376 .meat-pie-adventure-blog img {
        max-width: 100%;
    }
    .page-id-9376 .meat-pie-adventure-blog .blog-header h1 {
        font-size: 1.38rem;
    }
    .page-id-9376 .meat-pie-adventure-blog h2 {
        font-size: 1.05rem;
    }
}

body.page-id-9461 {
    background-color: #f9f9f9 !important;
    font-family: 'Arial', sans-serif;
    color: #333;
}
body.page-id-9461 .blog-post {
    max-width: 900px;
    margin: 20px auto;
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
body.page-id-9461 h1, 
body.page-id-9461 h2 {
    text-align: center;
    color: #003399;
    margin-bottom: 20px;
}
body.page-id-9461 h3 {
    color: #001f66;
    margin-top: 30px;
    border-bottom: 2px solid #003399;
    padding-bottom: 5px;
}
body.page-id-9461 p {
    text-align: justify;
    margin: 15px 0;
}
body.page-id-9461 a {
    color: #003399;
    text-decoration: none;
    font-weight: bold;
}
body.page-id-9461 a:hover {
    color: #001f66;
    text-decoration: underline;
}
body.page-id-9461 .post-image img {
    width: 100%;
    max-width: 800px;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    margin: 20px 0;
}
body.page-id-9461 .post-image figcaption {
    text-align: center;
    font-size: 0.9rem;
    color: #555;
    margin-top: 10px;
}

/* Bulletproof gold for h3 partner card titles on page 6628 /
.page-id-6628 h3,
.page-id-6628 h3 strong,
.page-id-6628 .wp-block-uagb-advanced-heading h3,
.page-id-6628 .wp-block-uagb-advanced-heading .uagb-heading-text,
.page-id-6628 .uagb-heading-text h3,
.page-id-6628 .uagb-heading-text {
    color: #FFBF00 !important; / Haitian Gold */
    text-shadow: 1px 1px 6px rgba(0,0,0,0.18) !important;
    font-weight: 800 !important;
    background: none !important;
    border: none !important;
}
.page-id-2234 .success-track-hero {
  background: linear-gradient(135deg, #14162A 60%, #FFBF00 100%);
  color: #fff;
  padding: 40px 24px 30px 24px;
  border-radius: 18px 18px 0 0;
  box-shadow: 0 6px 32px rgba(20,22,42,0.13);
  text-align: center;
  margin-bottom: 32px;
}
.page-id-2234 .success-track-hero h1 {
  font-size: 2.3em;
  font-weight: 900;
  letter-spacing: 1.5px;
  margin-bottom: 10px;
  color: #FFD700;
  text-shadow: 1px 1px 10px #14162A;
}
.page-id-2234 .success-track-hero h2 {
  font-size: 1.6em;
  color: #fff;
  margin-bottom: 18px;
}
.page-id-2234 .success-track-hero p {
  font-size: 1.15em;
  color: #fff;
}
.page-id-2234 .success-packages {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  justify-content: center;
  margin-bottom: 36px;
}
.page-id-2234 .package {
  background: #fff;
  color: #14162A;
  border: 2.5px solid #FFBF00;
  border-radius: 15px;
  box-shadow: 0 4px 20px rgba(255,191,0,0.07);
  min-width: 275px;
  max-width: 340px;
  padding: 28px 18px 20px 18px;
  margin: 0 10px 16px 10px;
  text-align: left;
  position: relative;
  transition: transform 0.2s, box-shadow 0.2s;
}
.page-id-2234 .package:hover {
  transform: translateY(-6px) scale(1.03);
  box-shadow: 0 10px 32px rgba(255,191,0,0.18);
  border-color: #FFD700;
}
.page-id-2234 .package h3 {
  color: #FFBF00;
  font-size: 1.3em;
  font-weight: 800;
  margin-bottom: 8px;
}
.page-id-2234 .package p {
  font-size: 1.1em;
  margin-bottom: 8px;
}
.page-id-2234 .package ul {
  margin-left: 18px;
  margin-bottom: 0;
  font-size: 1em;
}
.page-id-2234 .add-ons {
  background: #14162A;
  color: #FFD700;
  border-radius: 0 0 18px 18px;
  padding: 24px 20px;
  margin-bottom: 30px;
  box-shadow: 0 4px 18px rgba(20,22,42,0.09);
}
.page-id-2234 .add-ons h2 {
  color: #FFD700;
  margin-bottom: 10px;
}
.page-id-2234 .add-ons ul {
  columns: 2;
  column-gap: 40px;
  font-size: 1em;
  margin: 0;
  padding: 0;
  list-style: disc inside;
}
.page-id-2234 .how-to-book {
  margin: 40px auto 28px auto;
  max-width: 700px;
  background: #fff8e1;
  border-left: 6px solid #FFD700;
  border-radius: 12px;
  padding: 22px 28px;
  color: #14162A;
}
.page-id-2234 .how-to-book h2 {
  color: #FFBF00;
}
.page-id-2234 .how-to-book ol {
  margin-left: 24px;
  font-size: 1.07em;
}
.page-id-2234 .signature-touch {
  background: #14162A;
  color: #FFD700;
  padding: 30px 18px 22px 18px;
  border-radius: 16px;
  margin: 28px 0;
  text-align: center;
  font-size: 1.2em;
}
.page-id-2234 .signature-touch blockquote {
  font-size: 1.3em;
  font-weight: 800;
  margin: 0 0 12px 0;
  color: #FFD700;
  font-style: italic;
}
.page-id-2234 .signature-touch p {
  color: #fff;
  font-size: 1em;
}
.page-id-2234 #consent-note {
  font-size: 0.95em;
  color: #6d6d6d;
  margin: 0 0 20px 0;
  text-align: center;
}
.page-id-2234 .cta-button {
  display: inline-block;
  background: linear-gradient(90deg, #FFBF00 70%, #FFD700 100%);
  color: #14162A !important;
  font-weight: 900;
  font-size: 1.13em;
  padding: 14px 34px;
  border-radius: 8px;
  margin-top: 18px;
  text-decoration: none;
  box-shadow: 0 2px 10px rgba(255,191,0,0.15);
  transition: background 0.2s, color 0.2s, transform 0.2s;
  letter-spacing: 1px;
}
.page-id-2234 .cta-button:hover {
  background: #14162A;
  color: #FFD700 !important;
  transform: scale(1.05);
  border: 2px solid #FFD700;
}
@media (max-width: 820px) {
  .page-id-2234 .success-packages {
    flex-direction: column;
    align-items: center;
  }
  .page-id-2234 .add-ons ul {
    columns: 1;
  }
}

/* --- Mix & Go Blog Post Glow Up --- /
.single-post .entry-content,
.wp-block-post-content,
.page-id-9253 .entry-content {
  background: rgba(255,255,255,0.97);
  border-radius: 18px;
  padding: 40px 24px;
  margin: 40px auto;
  max-width: 750px;
  box-shadow: 0 8px 32px rgba(0,0,0,0.12);
  font-family: 'Montserrat', 'Arial', sans-serif;
  border-left: 6px solid #00209F; / Navy instead of red */
}
.single-post h1, .single-post h2, .single-post h3,
.wp-block-post-content h1, .wp-block-post-content h2, .wp-block-post-content h3 {
  color: #FFD700 !important; /* Gold */
  text-shadow: 2px 2px 8px rgba(0,32,159,0.15), 0 1px 0 #fff;
  font-weight: 800;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}
.single-post p, .wp-block-post-content p {
  color: #222 !important;
  background: rgba(255,255,255,0.96);
  border-radius: 8px;
  padding: 12px 18px;
  margin-bottom: 18px;
  font-size: 1.13rem;
  line-height: 1.7;
  box-shadow: 0 2px 8px rgba(0,0,0,0.03);
}
.single-post ul li,
.wp-block-post-content ul li {
  position: relative;
  padding-left: 2em;
  margin-bottom: 10px;
}
.single-post ul li::before,
.wp-block-post-content ul li::before {
  content: "🥂";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1.15em;
}
.single-post img, .wp-block-post-content img {
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0,32,159,0.10);
  margin: 24px auto;
  display: block;
  max-width: 95%;
}
.single-post blockquote, .wp-block-quote {
  border-left: 5px solid #FFD700; /* Gold /
  background: rgba(0,32,159,0.04); / Soft navy background */
  color: #00209F;
  font-style: italic;
  font-size: 1.15rem;
  margin: 24px 0;
  padding: 16px 28px;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
/* Buttons & links */
.single-post .wp-block-button__link,
.single-post button,
.single-post input[type="submit"] {
  background: linear-gradient(90deg, #FFD700 0%, #00209F 100%);
  color: #fff !important;
  font-weight: bold;
  border-radius: 25px;
  padding: 14px 32px;
  box-shadow: 0 4px 16px rgba(0,32,159,0.13);
  border: none;
  transition: background 0.3s, box-shadow 0.3s, transform 0.2s;
}
.single-post .wp-block-button__link:hover,
.single-post button:hover,
.single-post input[type="submit"]:hover {
  background: linear-gradient(90deg, #00209F 0%, #FFD700 100%);
  box-shadow: 0 8px 28px rgba(0,32,159,0.19);
  transform: scale(1.04);
}
/* Responsive for mobile */
@media screen and (max-width: 768px) {
  .single-post .entry-content,
  .wp-block-post-content,
  .page-id-9253 .entry-content {
    padding: 18px 5px;
    margin: 12px 0;
    max-width: 98vw;
  }
  .single-post h1, .single-post h2 {
    font-size: 1.4em;
  }
}
/* === One Big Queer 1st Date RSVP Page Styling === */

/* 1. General Page Background & Font */
.page-id-10495 {
  background: linear-gradient(135deg, #00209F 0%, #1E90FF 100%);
  color: #fff;
  font-family: 'Montserrat', 'Arial Rounded MT Bold', Arial, sans-serif;
  padding: 2em 0;
}

/* 2. Main Content Container */
.page-id-10495 .entry-content {
  max-width: 900px;
  margin: 0 auto;
  background: rgba(255,255,255,0.08);
  border-radius: 22px;
  box-shadow: 0 4px 24px rgba(0,32,159,0.15);
  padding: 2em 2.5em;
}

/* 3. Show Vibe & Boundaries Section */
.page-id-10495 .show-vibe,
.page-id-10495 .show-vibe-boundaries {
  background: linear-gradient(90deg, #FFD700 10%, #EF2B2D 90%);
  color: #00209F;
  border-radius: 18px;
  padding: 1.5em 2em;
  margin-bottom: 2em;
  font-size: 1.15em;
  box-shadow: 0 2px 12px rgba(255,215,0,0.07);
  letter-spacing: 0.02em;
  line-height: 1.7;
  text-align: left;
  /* Try to make it more horizontal, less condensed */
  display: block;
  width: 100%;
}

/* 4. Make Lists More Playful */
.page-id-10495 .show-vibe ul {
  list-style: none;
  padding-left: 0;
}
.page-id-10495 .show-vibe ul li::before {
  content: "🦐 ";
  color: #EF2B2D;
  font-size: 1.1em;
}

/* 5. Form Field Styling */
.page-id-10495 form input,
.page-id-10495 form select,
.page-id-10495 form textarea {
  border-radius: 10px;
  border: 2px solid #FFD700;
  background: #fff;
  color: #00209F;
  padding: 0.7em 1em;
  font-size: 1.1em;
  margin-bottom: 1em;
  width: 100%;
  box-sizing: border-box;
  transition: border-color 0.2s;
}
.page-id-10495 form input:focus,
.page-id-10495 form select:focus,
.page-id-10495 form textarea:focus {
  border-color: #EF2B2D;
  outline: none;
}

/* 6. Form Button Styling */
.page-id-10495 form input[type="submit"],
.page-id-10495 form button[type="submit"] {
  background: linear-gradient(90deg, #EF2B2D 10%, #FFD700 90%);
  color: #fff;
  border: none;
  border-radius: 12px;
  padding: 0.9em 2em;
  font-size: 1.2em;
  font-weight: bold;
  letter-spacing: 0.05em;
  cursor: pointer;
  box-shadow: 0 2px 12px rgba(239,43,45,0.13);
  transition: background 0.2s, color 0.2s;
}
.page-id-10495 form input[type="submit"]:hover,
.page-id-10495 form button[type="submit"]:hover {
  background: linear-gradient(90deg, #1E90FF 10%, #00209F 90%);
  color: #FFD700;
}

/* 7. Responsive for Mobile */
@media (max-width: 700px) {
  .page-id-10495 .entry-content {
    padding: 1em 0.5em;
  }
  .page-id-10495 .show-vibe,
  .page-id-10495 .show-vibe-boundaries {
    padding: 1em 0.5em;
    font-size: 1em;
  }
}

/* Optional: Add a little more space between form sections */
.page-id-10495 form > div {
  margin-bottom: 1.5em;
}