.elementor-13812 .elementor-element.elementor-element-5176693{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13812 .elementor-element.elementor-element-5176693::before, .elementor-13812 .elementor-element.elementor-element-5176693 > .elementor-background-video-container::before, .elementor-13812 .elementor-element.elementor-element-5176693 > .e-con-inner > .elementor-background-video-container::before, .elementor-13812 .elementor-element.elementor-element-5176693 > .elementor-background-slideshow::before, .elementor-13812 .elementor-element.elementor-element-5176693 > .e-con-inner > .elementor-background-slideshow::before, .elementor-13812 .elementor-element.elementor-element-5176693 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-13812 .elementor-element.elementor-element-4d14594{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13812 .elementor-element.elementor-element-4d14594:not(.elementor-motion-effects-element-type-background), .elementor-13812 .elementor-element.elementor-element-4d14594 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-13812 .elementor-element.elementor-element-1bb74ec3 > .elementor-widget-container{padding:1% 0% 1% 0%;}.elementor-13812 .elementor-element.elementor-element-1bb74ec3{text-align:center;}.elementor-13812 .elementor-element.elementor-element-1bb74ec3 .elementor-heading-title{font-size:22px;}.elementor-13812 .elementor-element.elementor-element-55797855{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-13812 .elementor-element.elementor-element-55797855:not(.elementor-motion-effects-element-type-background), .elementor-13812 .elementor-element.elementor-element-55797855 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-a954db2 );background-image:url("https://fredwilsoncoaching.com/wp-content/uploads/2023/03/8038874_25098-1.webp");background-position:bottom right;background-repeat:no-repeat;background-size:cover;}.elementor-13812 .elementor-element.elementor-element-739e266e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13812 .elementor-element.elementor-element-21a840c .elementor-button{background-color:var( --e-global-color-135bd7a );font-family:"Roboto", Sans-serif;letter-spacing:1.5px;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );padding:0px 0px 0px 0px;}.elementor-13812 .elementor-element.elementor-element-21a840c > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-13812 .elementor-element.elementor-element-39d1ac43{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}#elementor-popup-modal-13812{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-13812 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-13812 .dialog-close-button{display:flex;top:1%;font-size:20px;}#elementor-popup-modal-13812 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-13812 .dialog-close-button i{color:var( --e-global-color-a954db2 );}#elementor-popup-modal-13812 .dialog-close-button svg{fill:var( --e-global-color-a954db2 );}@media(min-width:768px){.elementor-13812 .elementor-element.elementor-element-5176693{--width:100%;}.elementor-13812 .elementor-element.elementor-element-739e266e{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-41d15db *//* Grid container for the 4x4 layout */
        .grid-container {
            display: grid;
            grid-template-columns: repeat(4, 1fr); /* 4 equal columns */
            grid-template-rows: repeat(4, auto);   /* 4 rows, auto height */
            gap: 5px; /* Space between grid items */
            width: 95%;
            max-width: 960px; /* Max width for larger screens */
            margin: 10px auto; /* Center the grid */
            padding: 10px;
            background-color: #ffffff;
            border-radius: 0.75rem; /* Rounded corners */
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Soft shadow */
        }

        /* Styling for grid items (labels/title) */
        .grid-item {
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 80px; /* Minimum height for grid cells */
            padding: 10px;
            background-color: #f0f4f8; /* Light background for cells */
            border-radius: 0.5rem;
            text-align: center;
            font-family: roboto;
            letter-spacing: 1.5px;
            font-weight: 500;
            color: #333;
            font-size: 0.775rem; 
        }

        /* Specific style for the title cell */
        .grid-title {
            grid-column: 1 / span 3; /* Spans the first 3 columns */
            background-color: #e2e8f0; /* Slightly darker background for the title */
            font-size: 1.25rem; /* Larger font size */
            font-weight: 600;
            color: #000000;
            letter-spacing: 3px;
        }

        /* Hide the actual checkbox */
        .grid-checkbox {
            display: none;
        }

        /* Styling for the selectable label (looks like a button) */
        .selectable-button {
            font-family: roboto;
            color: #ffffff !important;
            display: flex;
            flex-direction: column; /* Stack items vertically (title and points) */
            justify-content: center; /* Center items vertically within the label */
            align-items: center;     /* Center items horizontally within the label */
            width: 100%; /* Make label fill its grid item space */
            height: 100%;
            background-color: #0198FF; /* Blue background */
            cursor: pointer;
            border: none; /* No default label border */
            border-radius: 0.5rem; /* Match grid item border-radius */
            transition: background-color 0.2s ease-in-out, transform 0.1s ease-in-out, box-shadow 0.2s ease-in-out, border 0.2s ease-in-out;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }

        /* Hover effect for selectable labels */
        .selectable-button:hover {
            background-color: #1b3a76; /* Darker blue on hover */
            transform: translateY(-2px); /* Slight lift effect */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        }

        /* Style when the checkbox is checked */
        .grid-checkbox:checked + .selectable-button {
            background-color: #1b3a76; /* Even darker blue when selected */
            border: 1px solid #38a169; /* Green border for selection */
            box-shadow: 0 0 0 3px rgba(56, 161, 105, 0.5); /* Green glow for selection */
            transform: translateY(0); /* Ensure it's not lifted when selected */
        }

        /* Style for the point value text inside the button */
        .button-points {
            font-size: 0.675rem; /* Smaller text for points */
            font-weight: 300; /* Lighter font weight */
            opacity: 0.9; /* Slightly transparent */
            margin-top: 4px; /* Space between title and points */
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-17bf18f8 */.multiselect {
  width: 200px;
}

.selectBox {
  position: relative;
}

.selectBox select {
  width: 100%;
  font-weight: bold;
}

.overSelect {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

#checkboxes {
  display: none;
  border: 1px #dadada solid;
}

#checkboxes label {
  display: block;
}

#checkboxes label:hover {
  background-color: #1e90ff;
}/* End custom CSS */