.elementor-kit-5{--e-global-color-primary:#212323;--e-global-color-secondary:#54595F;--e-global-color-text:#54595F;--e-global-color-accent:#CAFE02;--e-global-typography-primary-font-family:"neue-haas-grotesk-display";--e-global-typography-primary-font-size:2rem;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-letter-spacing:0.5px;--e-global-typography-secondary-font-family:"neue-haas-grotesk-display";--e-global-typography-secondary-font-size:1.4rem;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-letter-spacing:0.5px;--e-global-typography-text-font-family:"neue-haas-grotesk-display";--e-global-typography-text-font-size:1rem;--e-global-typography-text-font-weight:400;--e-global-typography-text-letter-spacing:0.5px;--e-global-typography-accent-font-family:"neue-haas-grotesk-display";--e-global-typography-accent-font-size:1rem;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-letter-spacing:0.5px;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 h1{font-family:"neue-haas-grotesk-display", Sans-serif;font-size:2rem;}.elementor-kit-5 h2{font-family:"neue-haas-grotesk-display", Sans-serif;font-size:1.5rem;}.elementor-kit-5 h3{font-family:"neue-haas-grotesk-display", Sans-serif;font-size:1.2rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================
   THINKING TOOLS ICONS (Desktop Defaults)
   ========================================= */

/* 1. Loop Card Icon (Desktop: 128px) */
.tool-icon-card img,
.tool-icon-card svg {
    width: 128px !important;
    height: auto !important;
    transition: all 0.3s ease;
}

/* 2. Single Post Icon (Desktop: 256px) */
.tool-icon-single img,
.tool-icon-single svg {
    width: 256px !important;
    height: auto !important;
    transition: all 0.3s ease;
}

/* =========================================
   MOBILE OPTIMIZATION (Phones < 767px)
   ========================================= */
@media (max-width: 767px) {
    /* Make Card Icon smaller on phone (e.g., 60px) */
    .tool-icon-card img,
    .tool-icon-card svg {
        width: 60px !important; 
    }

    /* Make Single Post Icon smaller on phone (e.g., 150px) */
    .tool-icon-single img,
    .tool-icon-single svg {
        width: 150px !important;
    }
}

/* =========================================
   COLOR LOGIC (Dark/Light Mode)
   ========================================= */

/* Light Mode (Black) */
.tool-icon-card path, .tool-icon-single path,
.tool-icon-card circle, .tool-icon-single circle,
.tool-icon-card rect, .tool-icon-single rect {
    fill: #000000;
}

/* Dark Mode (White) */
body.dark-mode .tool-icon-card path, body.dark-mode .tool-icon-single path,
body.dark-mode .tool-icon-card circle, body.dark-mode .tool-icon-single circle,
body.dark-mode .tool-icon-card rect, body.dark-mode .tool-icon-single rect {
    fill: #FFFFFF;
}

/* --- HumanOS Card Icon (300px) --- */
.humanos-icon-card img,
.humanos-icon-card svg {
    width: 200px !important;
    height: auto !important;
    transition: all 0.3s ease;
}

/* --- HumanOS Single Icon (500px) --- */
.humanos-icon-single img,
.humanos-icon-single svg {
    width: 750px !important;
    height: auto !important;
    transition: all 0.3s ease;
}

/* --- HumanOS Color Logic --- */
/* Light Mode (Black) */
.humanos-icon-card path, .humanos-icon-single path,
.humanos-icon-card circle, .humanos-icon-single circle,
.humanos-icon-card rect, .humanos-icon-single rect {
    fill: #000000;
}

/* Dark Mode (White) */
body.dark-mode .humanos-icon-card path, body.dark-mode .humanos-icon-single path,
body.dark-mode .humanos-icon-card circle, body.dark-mode .humanos-icon-single circle,
body.dark-mode .humanos-icon-card rect, body.dark-mode .humanos-icon-single rect {
    fill: #FFFFFF;
}/* End custom CSS */