.elementor-kit-8{--e-global-color-primary:#6366F1;--e-global-color-secondary:#FA891F;--e-global-color-text:#353535;--e-global-color-accent:#EDF6F6;--e-global-color-c5f2c11:#2D781B;--e-global-color-9c3d894:#BFF7EE;--e-global-typography-primary-font-family:"Roboto Serif";--e-global-typography-primary-font-size:32px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Merriweather Sans";--e-global-typography-secondary-font-size:24px;--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto Serif";--e-global-typography-accent-font-size:18px;--e-global-typography-accent-font-weight:500;font-family:"Verdana", Sans-serif;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 a{font-family:"Verdana", Sans-serif;}.elementor-kit-8 h1{font-family:"Sansita Swashed", Sans-serif;}.elementor-kit-8 h3{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:10px;}.elementor-element{--widgets-spacing:10px 10px;--widgets-spacing-row:10px;--widgets-spacing-column:10px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-8 h3{font-size:var( --e-global-typography-primary-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-8 h3{font-size:var( --e-global-typography-primary-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Custom CSS for Personal Brand Consistency */

:root {
    /* --- Colors --- */
    --brand-background-color: #F8F8F8; /* Light neutral background */
    --brand-primary-color: #2C3E50;    /* Dark blue/charcoal for primary elements */
    --brand-secondary-color: #3498DB;   /* Vibrant blue for secondary accents */
    --brand-button-color: #27AE60;     /* Green for calls to action */
    --brand-button-hover-color: #2ECC71; /* Lighter green on hover */
    --brand-font-color: #333333;      /* Standard text color */
}

body {
    background-color: var(--brand-background-color);
    color: var(--brand-font-color);
    font-family: 'Arial', sans-serif; /* Fallback font, consider a Google Font for brand personality */
    line-height: 1.6;
    margin: 0;
    padding: 0;
}

/* --- Typography --- */

h1 {
    font-size: 3.5rem; /* Example: 56px if 1rem = 16px */
    color: var(--brand-primary-color);
    margin-bottom: 0.5em;
    font-weight: 700;
}

h2 {
    font-size: 2.5rem; /* Example: 40px */
    color: var(--brand-primary-color);
    margin-bottom: 0.4em;
    font-weight: 600;
}

p {
    font-size: 1rem; /* Base font size */
    color: var(--brand-font-color);
    margin-bottom: 1em;
}

/* --- Buttons --- */

.btn {
    display: inline-block;
    padding: 0.8rem 1.5rem;
    font-size: 1.1rem;
    font-weight: 600;
    text-decoration: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
    border: none; /* Remove default button border */
}

.btn-primary {
    background-color: var(--brand-button-color);
    color: #FFFFFF; /* White text on button */
}

.btn-primary:hover {
    background-color: var(--brand-button-hover-color);
}

/* --- Container Styling --- */

.container {
    width: 90%;
    max-width: 1200px; /* Max width for larger screens */
    margin: 0 auto; /* Center the container */
    padding: 2rem 1.5rem; /* Top/bottom and left/right padding */
    box-sizing: border-box; /* Include padding in the element's total width and height */
    /* You can add a subtle border or shadow if desired */
    /* border: 1px solid #EEEEEE; */
    /* box-shadow: 0 2px 4px rgba(0,0,0,0.05); */
}

/* --- Utility Classes (Optional but Recommended) --- */

.text-primary {
    color: var(--brand-primary-color) !important;
}

.text-secondary {
    color: var(--brand-secondary-color) !important;
}

.bg-primary {
    background-color: var(--brand-primary-color) !important;
}

.bg-secondary {
    background-color: var(--brand-secondary-color) !important;
}

/* --- Responsive Adjustments (Example for smaller screens) --- */
@media (max-width: 768px) {
    h1 {
        font-size: 2.8rem;
    }

    h2 {
        font-size: 2rem;
    }

    .btn {
        padding: 0.7rem 1.2rem;
        font-size: 1rem;
    }

    .container {
        padding: 1.5rem 1rem;
    }
}/* End custom CSS */