/* ---------- FONTS ---------- */

/* ---------- Normal ---------- */
 
/* latin-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('../files/pjs-normal-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('../files/pjs-normal-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
 
/* ---------- Italic ---------- */
 
/* latin-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: italic;
  font-weight: 200 800;
  font-display: swap;
  src: url('../files/pjs-italic-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: italic;
  font-weight: 200 800;
  font-display: swap;
  src: url('../files/pjs-italic-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* ---------- THEME ROOT & TOKENS ---------- */
.fruity_twentythree {
  --ccsa-daffodil:  #FFD200;  
  --ccsa-main-blue: #0F1E64;
  --ccsa-ocean:     #008EB1;
  --ccsa-lagoon:    #009CA6;
  --ccsa-seafoam:   #6ECEB2;
  --ccsa-coral:     #FF7276;
  --ccsa-mulberry:  #890C58;
  --ccsa-sky:       #009BDC;
  --ccsa-purple:    #7D46A0;
  --ccsa-red:       #D61A20;

  /* ---- Semantic roles ---- */
  --brand-primary:    var(--ccsa-main-blue);
  --brand-accent:     var(--ccsa-sky);
  --brand-link:       var(--ccsa-main-blue);
  --brand-hover-bg:   var(--ccsa-sky);
  --brand-hover-text: var(--ccsa-main-blue);
  --brand-focus:      var(--ccsa-purple);
  --brand-warning:    rgb(255 210 0 / 36%);
  --danger:           var(--ccsa-red);
  --danger-hover:     var(--ccsa-mulberry);
  --star-on:          var(--ccsa-daffodil);
  --star-drained:     #ffe066;

  /* ---- Neutrals ---- */
  --surface:           #ffffff;
  --surface-muted:     whitesmoke;
  --text:              #1e1e1e;
  --btn-border:        #6E748C;
  --btn-text:          #6E748C;
  --btn-text-disabled: #98a2b3;

  /* ---- Type ---- */
  --font-body: 'Plus Jakarta Sans', Arial, Helvetica, sans-serif;
  --fs-btn-sm: 0.9975rem;
  --fs-upload: 1.14rem;

  /* ---- Shape ---- */
  --radius-card: 15px;

  font-family: var(--font-body) !important;
  background-color: var(--surface-muted);
  padding-top: 0 !important;
}

.fruity_twentythree :is(
  .question-container, .answer-container, .btn,
  input, select, textarea, button,
  h1, h2, h3, h4, h5, h6, p, ul, ol, li, a, label,
  .form-heading, .survey-name, .large-heading, .form-change-lang
):not([class*="ri-"]) {
  font-family: var(--font-body) !important;
}


/* ---------- LAYOUT CONTAINERS ---------- */
.fruity_twentythree #main-col {
  background-color: var(--surface);
  box-shadow: 5px 5px 20px 0 #00000017;
  padding: 0 50px;
  margin-top: 2em;
  margin-bottom: 50px;
  border-radius: var(--radius-card);
}

.fruity_twentythree [data-bs-spy="scroll"],
.fruity_twentythree .survey-container,
.fruity_twentythree #main-col {
  scroll-margin-top: 0;
  padding-top: 0 !important;
}

.fruity_twentythree .space-col           { margin-bottom: 0; }
.fruity_twentythree .top-container       { margin-top: 1em; margin-bottom: -0.8em; }
.fruity_twentythree #navigator-container { padding-bottom: 1.5em; }
.fruity_twentythree #welcome-container   { max-width: unset; }

.fruity_twentythree .completed-wrapper   { padding: 2em 0 1em; }
.fruity_twentythree .completed-text      { padding-bottom: 1em; }
.fruity_twentythree .number-of-questions { margin-top: 20px; }

.fruity_twentythree .completed-text > div.alert.alert-warning {
  margin-top: -20px;
  margin-bottom: 20px;
}

/* PRIVACY NOTICE */
.fruity_twentythree .privacy { display: none; }

/* ---------- TYPOGRAPHY ---------- */
.fruity_twentythree .survey-name {
  padding-top: 1em;
  padding-bottom: 0.25em;
}

.fruity_twentythree p,
.fruity_twentythree ul { font-weight: 400; }

.fruity_twentythree a {
  color: var(--brand-link);
  font-size: inherit;
  font-weight: 400;
  text-decoration: underline;
  text-decoration-color: var(--brand-accent);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.15em;
}
.fruity_twentythree a:hover {
  text-decoration-color: currentColor;
  text-decoration-thickness: 2px;
}


/* ---------- HEADER LOGO ---------- */
.fruity_twentythree .container-fluid.col-xl-8 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160.612' height='76.882' viewBox='0 0 160.612 76.882'%3E%3Cg transform='translate(-40.616 -40.788)'%3E%3Cpath fill='%23ffd200' d='M75.282,69.149c1.434-.167,5.6-2.207,7.681-3.263a.105.105,0,0,1,.1.182,75.275,75.275,0,0,0-6.359,5.2,1.778,1.778,0,0,0,.07,2.635c1.484,1.288,3.653,2.839,4.909,3.712a.107.107,0,0,1-.1.187c-1.417-.636-3.936-1.724-5.956-2.431a1.789,1.789,0,0,0-2.344,1.3l-1.912,8.687a.107.107,0,0,1-.212-.017c-.025-1.584-.1-4.854-.32-7.232A1.785,1.785,0,0,0,68.221,76.7,73.028,73.028,0,0,0,61.1,81.185a.106.106,0,0,1-.133-.166,58.637,58.637,0,0,0,4.709-4.846,6.386,6.386,0,0,0,1.114-1.359,8.425,8.425,0,0,1-1.928-1.53c-.416-.465-.831-.881-1.239-1.263-18.6-2.469-23,10.457-23,10.457,9.314,3.686,14.426,2.328,14.875,2.253,0,0-4.3,6.738-3.52,18.566,16.271-2.718,19.322-14.031,19.322-14.031,3.762,8.624,15.465,7.594,15.465,7.594s3.209-10.249-1.342-16.778c11.943,2.088,19.405-11.849,19.405-11.849a27.556,27.556,0,0,0-16.6-4.917l-.01.014c1.408-1.985,6.49-10.368,1.894-22.539-19.091,5.7-18.5,19.7-18.215,22.3-3.225-5.4-2.646-10.927-6.324-13.592-2.648-2.053-7.315-1.068-11.043,2.265-3.82,3.408-5.3,8.076-3.367,10.923a1.022,1.022,0,0,1,.1.1.152.152,0,0,1,.025.029l0,0a2.461,2.461,0,0,0,.316.295,4.347,4.347,0,0,0,1.459.69A8.811,8.811,0,0,0,55.4,64.1a11.575,11.575,0,0,0,4.738-1.06,12.651,12.651,0,0,0,3.982-2.926,15.786,15.786,0,0,0,2.718-4.264l0,0a.33.33,0,0,1,.349-.187.323.323,0,0,1,.087.024.328.328,0,0,1,.179.4,14.978,14.978,0,0,1-2.485,4.755,13.223,13.223,0,0,1-9.522,4.979c-.141,0-.287.012-.428.012,3.487,1.791,7.069,2.136,11.051,6.55,1.143,1.264,4.433,3.728,7.673.914A4.6,4.6,0,0,0,75.282,69.149Z'/%3E%3Cg transform='translate(112.299 104.594)'%3E%3Cpath fill='%23fff' d='M179.944,160.98a4.1,4.1,0,0,0-1.032-.563,4.01,4.01,0,0,0-1.5-.262,3.265,3.265,0,0,0-1.1.159,2.067,2.067,0,0,0-.713.412,1.49,1.49,0,0,0-.394.6,2.11,2.11,0,0,0-.122.7,1.638,1.638,0,0,0,.188.807,1.8,1.8,0,0,0,.544.59,4.264,4.264,0,0,0,.863.46q.506.206,1.163.413a9.692,9.692,0,0,1,1.238.5,4.046,4.046,0,0,1,1.051.722,3.3,3.3,0,0,1,.722,1.031,3.4,3.4,0,0,1,.272,1.407,4.1,4.1,0,0,1-.31,1.65,3.3,3.3,0,0,1-.872,1.2,3.7,3.7,0,0,1-1.341.732,5.747,5.747,0,0,1-1.716.244,7.84,7.84,0,0,1-1.923-.225,4,4,0,0,1-1.4-.6.841.841,0,0,1-.469-.694,1.2,1.2,0,0,1,.169-.525,3.861,3.861,0,0,1,.394-.6,6.237,6.237,0,0,0,1.435.853,4.415,4.415,0,0,0,1.792.366,3.412,3.412,0,0,0,1.219-.188,2.122,2.122,0,0,0,.779-.488,1.816,1.816,0,0,0,.422-.685,2.634,2.634,0,0,0-.028-1.726,1.844,1.844,0,0,0-.469-.666,3.059,3.059,0,0,0-.779-.5,9.042,9.042,0,0,0-1.07-.4q-.694-.207-1.332-.459a4.325,4.325,0,0,1-1.135-.657,3.062,3.062,0,0,1-.8-.985,3.134,3.134,0,0,1-.3-1.445,3.421,3.421,0,0,1,.309-1.491,3.052,3.052,0,0,1,.844-1.078,3.733,3.733,0,0,1,1.266-.657,5.392,5.392,0,0,1,1.6-.225,6.847,6.847,0,0,1,1.491.178,4.583,4.583,0,0,1,1.36.516,2.631,2.631,0,0,1,.506.4.7.7,0,0,1,.206.5.886.886,0,0,1-.178.488,3.646,3.646,0,0,1-.441.525c-.05-.05-.11-.1-.179-.16S180.032,161.042,179.944,160.98Z' transform='translate(-173.097 -158.71)'/%3E%3Cpath fill='%23fff' d='M194.289,159.225a2.247,2.247,0,0,1,.394-.113,2.506,2.506,0,0,1,.525-.056,1.33,1.33,0,0,1,.648.16,1.1,1.1,0,0,1,.459.61l4.334,11.837h-1.707l-1.257-3.377h-5.065l-1.22,3.377h-1.651Zm2.964,7.729-2.1-5.984-2.12,5.984Z' transform='translate(-180.739 -158.869)'/%3E%3C/g%3E%3Cpath fill='%23fff' d='M187.709,72.581a4.184,4.184,0,0,1-.611.47,6.144,6.144,0,0,1-1.144.565,10.557,10.557,0,0,1-1.741.486,12,12,0,0,1-2.336.2,10.83,10.83,0,0,1-4.39-.815,8.171,8.171,0,0,1-3.058-2.274,9.318,9.318,0,0,1-1.772-3.449,16.01,16.01,0,0,1-.564-4.375,15.175,15.175,0,0,1,.611-4.406,9.881,9.881,0,0,1,1.835-3.5,8.422,8.422,0,0,1,3.057-2.305,10.38,10.38,0,0,1,4.312-.831,10.233,10.233,0,0,1,2.211.22,11.091,11.091,0,0,1,1.725.517,6.686,6.686,0,0,1,1.223.627,8.029,8.029,0,0,1,.737.549,2.491,2.491,0,0,1,.486.6,1.46,1.46,0,0,1,.2.753,2.086,2.086,0,0,1-.470,1.254,9.036,9.036,0,0,1-1.035,1.16q-.376-.376-.847-.768a5.739,5.739,0,0,0-1.05-.69,7,7,0,0,0-1.317-.5,6.181,6.181,0,0,0-1.646-.2,4.928,4.928,0,0,0-4.422,2.321,7.12,7.12,0,0,0-.941,2.368,13.087,13.087,0,0,0-.282,2.712,13.769,13.769,0,0,0,.282,2.822,6.738,6.738,0,0,0,.972,2.383,5.192,5.192,0,0,0,1.8,1.662,6.3,6.3,0,0,0,4.39.408,6.5,6.5,0,0,0,1.3-.533,6.72,6.72,0,0,0,.988-.659q.423-.344.705-.6.188.22.439.534a7.416,7.416,0,0,1,.470.658,5.671,5.671,0,0,1,.376.69,1.527,1.527,0,0,1,.157.627,1.4,1.4,0,0,1-.157.69A2.966,2.966,0,0,1,187.709,72.581Zm22.049,1.191h-4.3V58.94l.376-.063c.126-.021.272-.036.439-.047s.365-.016.6-.016a3.921,3.921,0,0,1,1.74.361,1.7,1.7,0,0,1,.925,1.27,5.026,5.026,0,0,1,1.631-1.333,6.135,6.135,0,0,1,2.979-.611,5.122,5.122,0,0,1,3.292.878,4.015,4.015,0,0,1,1.38,2.32,10.035,10.035,0,0,1,.2,1.568q.047.847.047,1.662v8.843h-4.265V65.118q0-.69-.047-1.286a2.864,2.864,0,0,0-.251-1.019,1.435,1.435,0,0,0-.659-.659,2.806,2.806,0,0,0-1.27-.235,3.88,3.88,0,0,0-1.991.486,1.405,1.405,0,0,0-.831,1.207Zm18.865-2.7a4.668,4.668,0,0,0,1.255-.157,4.857,4.857,0,0,0,1-.392,4.258,4.258,0,0,0,.753-.5,4.038,4.038,0,0,0,.471-.455,2.789,2.789,0,0,1,.376.486,6.064,6.064,0,0,1,.345.627,4.524,4.524,0,0,1,.251.643,1.983,1.983,0,0,1,.094.564,1.566,1.566,0,0,1-.126.611,1.617,1.617,0,0,1-.533.611,6.361,6.361,0,0,1-1.694.815,8.732,8.732,0,0,1-2.79.377,10.619,10.619,0,0,1-2.446-.314,6.351,6.351,0,0,1-2.446-1.191,6.715,6.715,0,0,1-1.881-2.431,9.355,9.355,0,0,1-.753-4.061,8.407,8.407,0,0,1,.784-3.889,6.943,6.943,0,0,1,1.944-2.383,6.839,6.839,0,0,1,2.462-1.208,9.64,9.64,0,0,1,2.336-.329,9.519,9.519,0,0,1,2.4.282,6.141,6.141,0,0,1,1.8.753,2.84,2.84,0,0,1,.831.721,1.412,1.412,0,0,1,.235.815,2.812,2.812,0,0,1-.282,1.082,5.012,5.012,0,0,1-.722,1.176,5.966,5.966,0,0,0-1.474-1.066,4.423,4.423,0,0,0-2.163-.534A3.327,3.327,0,0,0,225.707,63a5.581,5.581,0,0,0-.878,3.246,8.959,8.959,0,0,0,.188,1.881,4.217,4.217,0,0,0,.643,1.537,3.2,3.2,0,0,0,1.176,1.035A3.837,3.837,0,0,0,228.623,71.076Zm13.593.031a4.973,4.973,0,0,0,1.38-.173,5.453,5.453,0,0,0,1.066-.423,4.419,4.419,0,0,0,.815-.549q.345-.3.627-.549a8.618,8.618,0,0,1,.784,1.207,2.678,2.678,0,0,1,.407,1.207,1.573,1.573,0,0,1-.784,1.255,5.86,5.86,0,0,1-1.866.862,9.97,9.97,0,0,1-2.838.361,11.32,11.32,0,0,1-2.9-.377,6.416,6.416,0,0,1-2.54-1.317,6.775,6.775,0,0,1-1.8-2.524,10.053,10.053,0,0,1-.69-4,8.6,8.6,0,0,1,.612-3.4,6.823,6.823,0,0,1,1.63-2.368,6.432,6.432,0,0,1,2.305-1.38,8.094,8.094,0,0,1,2.634-.439,7.257,7.257,0,0,1,2.979.549,5.428,5.428,0,0,1,1.991,1.474,5.8,5.8,0,0,1,1.114,2.117,8.984,8.984,0,0,1,.345,2.509v.439q0,.252-.016.533c-.011.188-.021.372-.031.549a3.262,3.262,0,0,1-.047.424h-9.22a4.959,4.959,0,0,0,1.066,2.869A3.635,3.635,0,0,0,242.215,71.107Zm1.411-6.366a4.607,4.607,0,0,0-.58-2.446,2.251,2.251,0,0,0-2.086-.941,2.561,2.561,0,0,0-2.07.894,3.757,3.757,0,0,0-.752,2.493Zm9.364-4.328a4.79,4.79,0,0,1,.517-.627,4.174,4.174,0,0,1,.768-.627,4.535,4.535,0,0,1,.988-.471,3.609,3.609,0,0,1,1.176-.188,5.49,5.49,0,0,1,.8.063,2.757,2.757,0,0,1,.784.235,1.53,1.53,0,0,1,.58.471,1.21,1.21,0,0,1,.22.737,4.544,4.544,0,0,1-.345,1.568,12.133,12.133,0,0,1-.69,1.537,4.662,4.662,0,0,0-1.066-.674,3.1,3.1,0,0,0-1.254-.235,2.417,2.417,0,0,0-1.631.565,1.719,1.719,0,0,0-.659,1.348v9.658h-4.265V58.94l.376-.063c.126-.021.272-.036.439-.047s.365-.016.6-.016a3.655,3.655,0,0,1,1.74.392A1.758,1.758,0,0,1,252.991,60.413ZM187.709,98.805a4.217,4.217,0,0,1-.611.471,6.18,6.18,0,0,1-1.144.564,10.5,10.5,0,0,1-1.741.486,12.048,12.048,0,0,1-2.336.2,10.83,10.83,0,0,1-4.39-.815,8.176,8.176,0,0,1-3.058-2.273,9.321,9.321,0,0,1-1.772-3.45,16.01,16.01,0,0,1-.564-4.375,15.171,15.171,0,0,1,.611-4.406,9.872,9.872,0,0,1,1.835-3.5,8.429,8.429,0,0,1,3.057-2.306,10.38,10.38,0,0,1,4.312-.831,10.27,10.27,0,0,1,2.211.219,11.031,11.031,0,0,1,1.725.518,6.62,6.62,0,0,1,1.223.627,8.04,8.04,0,0,1,.737.549,2.5,2.5,0,0,1,.486.6,1.46,1.46,0,0,1,.2.753,2.084,2.084,0,0,1-.470,1.254,9.077,9.077,0,0,1-1.035,1.161q-.376-.377-.847-.768a5.684,5.684,0,0,0-1.05-.69,6.966,6.966,0,0,0-1.317-.5,6.2,6.2,0,0,0-1.646-.2,4.925,4.925,0,0,0-4.422,2.321,7.117,7.117,0,0,0-.941,2.367,13.092,13.092,0,0,0-.282,2.713,13.764,13.764,0,0,0,.282,2.822,6.738,6.738,0,0,0,.972,2.383,5.2,5.2,0,0,0,1.8,1.662,6.3,6.3,0,0,0,4.39.407,6.438,6.438,0,0,0,1.3-.533,6.719,6.719,0,0,0,.988-.659q.423-.345.705-.6.188.219.439.533a7.494,7.494,0,0,1,.470.659,5.711,5.711,0,0,1,.376.69,1.531,1.531,0,0,1,.157.627,1.4,1.4,0,0,1-.157.69A2.952,2.952,0,0,1,187.709,98.805Zm16.145-6.3a11.445,11.445,0,0,1-.392,3.011,6.79,6.79,0,0,1-1.286,2.54,6.412,6.412,0,0,1-2.306,1.756,9.262,9.262,0,0,1-6.82.016,6.222,6.222,0,0,1-2.274-1.724,6.971,6.971,0,0,1-1.286-2.509,10.832,10.832,0,0,1-.407-2.995,9.618,9.618,0,0,1,.470-3.026,7.363,7.363,0,0,1,1.4-2.508,6.489,6.489,0,0,1,2.336-1.709,8.052,8.052,0,0,1,3.292-.627,8.2,8.2,0,0,1,3.372.627,6.031,6.031,0,0,1,2.257,1.694,6.776,6.776,0,0,1,1.255,2.478A11.1,11.1,0,0,1,203.854,92.5Zm-4.3.031a11.274,11.274,0,0,0-.126-1.678,4.357,4.357,0,0,0-.470-1.458,2.85,2.85,0,0,0-.941-1.019,3.06,3.06,0,0,0-3.026.016,3.025,3.025,0,0,0-.972,1.05,4.827,4.827,0,0,0-.518,1.459,8.787,8.787,0,0,0-.156,1.662,10.336,10.336,0,0,0,.141,1.694,5.2,5.2,0,0,0,.486,1.521,2.812,2.812,0,0,0,.956,1.082,2.682,2.682,0,0,0,1.521.408,2.738,2.738,0,0,0,1.552-.408,2.813,2.813,0,0,0,.957-1.082,4.9,4.9,0,0,0,.470-1.521A11.8,11.8,0,0,0,199.558,92.533ZM219.04,100h-2.854q-.784,0-.988-.424a2.95,2.95,0,0,1-.2-1.239,5.028,5.028,0,0,1-1.63,1.333,6.138,6.138,0,0,1-2.979.611,5.119,5.119,0,0,1-3.293-.878,4.007,4.007,0,0,1-1.38-2.321,9.962,9.962,0,0,1-.2-1.568q-.047-.847-.047-1.662V85.164a2.647,2.647,0,0,1,.5-.078,8.838,8.838,0,0,1,.941-.047,5.477,5.477,0,0,1,1,.094,2.493,2.493,0,0,1,.910.361,1.943,1.943,0,0,1,.659.753,2.776,2.776,0,0,1,.251,1.27v6.147q0,.722.047,1.3a2.826,2.826,0,0,0,.251,1,1.435,1.435,0,0,0,.658.659,2.814,2.814,0,0,0,1.27.235,3.877,3.877,0,0,0,1.991-.486,1.406,1.406,0,0,0,.831-1.208v-10a2.638,2.638,0,0,1,.5-.078,8.838,8.838,0,0,1,.941-.047,4.726,4.726,0,0,1,1,.109,2.4,2.4,0,0,1,.910.408,2.151,2.151,0,0,1,.659.815,2.979,2.979,0,0,1,.251,1.3Zm6.607,0h-4.3V85.164l.376-.063a4.41,4.41,0,0,1,.439-.047q.251-.015.6-.016a3.929,3.929,0,0,1,1.74.36,1.706,1.706,0,0,1,.925,1.27,5.034,5.034,0,0,1,1.631-1.333,6.139,6.139,0,0,1,2.979-.611,5.126,5.126,0,0,1,3.293.878,4.017,4.017,0,0,1,1.38,2.321,9.946,9.946,0,0,1,.2,1.568q.047.847.047,1.662V100h-4.265V91.342q0-.689-.047-1.286a2.865,2.865,0,0,0-.25-1.019,1.442,1.442,0,0,0-.658-.659,2.806,2.806,0,0,0-1.27-.235,3.877,3.877,0,0,0-1.992.486,1.405,1.405,0,0,0-.831,1.207Zm18.9-2.7a4.672,4.672,0,0,0,1.255-.157,4.889,4.889,0,0,0,1-.392,4.28,4.28,0,0,0,.753-.5,4.031,4.031,0,0,0,.470-.455,2.787,2.787,0,0,1,.377.486,6.175,6.175,0,0,1,.345.627,4.553,4.553,0,0,1,.251.643,1.99,1.99,0,0,1,.094.565,1.567,1.567,0,0,1-.126.611,1.629,1.629,0,0,1-.533.611,6.411,6.411,0,0,1-1.694.815,8.753,8.753,0,0,1-2.791.376,10.61,10.61,0,0,1-2.446-.314,6.343,6.343,0,0,1-2.446-1.191,6.722,6.722,0,0,1-1.882-2.431,9.356,9.356,0,0,1-.752-4.061,8.4,8.4,0,0,1,.784-3.888,6.941,6.941,0,0,1,1.944-2.383,6.84,6.84,0,0,1,2.461-1.207,9.624,9.624,0,0,1,2.336-.33,9.5,9.5,0,0,1,2.4.282,6.118,6.118,0,0,1,1.8.753,2.829,2.829,0,0,1,.831.721,1.411,1.411,0,0,1,.235.815,2.805,2.805,0,0,1-.282,1.082,5,5,0,0,1-.721,1.176,5.99,5.99,0,0,0-1.474-1.066,4.424,4.424,0,0,0-2.164-.533,3.326,3.326,0,0,0-2.948,1.27,5.581,5.581,0,0,0-.878,3.245,8.964,8.964,0,0,0,.188,1.882,4.24,4.24,0,0,0,.643,1.537,3.2,3.2,0,0,0,1.176,1.035A3.829,3.829,0,0,0,244.543,97.3Zm10.512-17.171a2.123,2.123,0,0,1-.674,1.631,2.413,2.413,0,0,1-3.245,0,2.15,2.15,0,0,1-.659-1.631,2.2,2.2,0,0,1,.659-1.646,2.37,2.37,0,0,1,3.245,0A2.174,2.174,0,0,1,255.055,80.129Zm-.031,20.039a1.868,1.868,0,0,1-.564.094q-.44.031-.941.031a3.5,3.5,0,0,1-1.991-.517,2.36,2.36,0,0,1-.768-2.085V85.147a2.649,2.649,0,0,1,.5-.078,8.855,8.855,0,0,1,.941-.047,5.435,5.435,0,0,1,1,.094,2.485,2.485,0,0,1,.909.361,1.938,1.938,0,0,1,.659.753,2.774,2.774,0,0,1,.251,1.27Zm6.541,0a2.333,2.333,0,0,1-.6.094c-.293.021-.617.031-.972.031a4.615,4.615,0,0,1-1.019-.11,2.123,2.123,0,0,1-.863-.407,2.025,2.025,0,0,1-.6-.8,3.222,3.222,0,0,1-.22-1.286V77.872a2.672,2.672,0,0,1,.5-.078,8.7,8.7,0,0,1,.941-.047,5.441,5.441,0,0,1,1,.094,2.475,2.475,0,0,1,.909.36,1.943,1.943,0,0,1,.658.753,2.774,2.774,0,0,1,.251,1.27ZM203.221,70.156v-11.2l-.471-.062c-.147-.021-.308-.036-.486-.048s-.361-.016-.55-.016a3.285,3.285,0,0,0-1.6.377,1.818,1.818,0,0,0-.910,1.1,2.25,2.25,0,0,0-.376-.486,3.452,3.452,0,0,0-.768-.581,6.1,6.1,0,0,0-1.161-.5,4.932,4.932,0,0,0-1.522-.22,6.7,6.7,0,0,0-2.243.393,5.212,5.212,0,0,0-2.024,1.333,6.944,6.944,0,0,0-1.474,2.494,11.43,11.43,0,0,0-.565,3.875,11.185,11.185,0,0,0,.486,3.545,6.244,6.244,0,0,0,1.333,2.337,4.927,4.927,0,0,0,1.961,1.286,7.081,7.081,0,0,0,2.369.392,5.614,5.614,0,0,0,2.322-.439,4.8,4.8,0,0,0,1.6-1.129,1.618,1.618,0,0,0,.879,1.192,3.989,3.989,0,0,0,1.851.376,4.7,4.7,0,0,0,1.945-.407,6.112,6.112,0,0,1-.423-1.444A11.754,11.754,0,0,1,203.221,70.156Zm-4.267-.345a1.149,1.149,0,0,1-.627.989,3.037,3.037,0,0,1-1.631.392,2.631,2.631,0,0,1-2.51-1.286,7.043,7.043,0,0,1-.722-3.451,6.455,6.455,0,0,1,.785-3.482,2.668,2.668,0,0,1,2.415-1.223,2.965,2.965,0,0,1,1.427.33,3.887,3.887,0,0,1,.863.581Z' transform='translate(-60.336 -5.308)'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 135px auto;
  background-position: 15px center;
  height: 80px;
}


/* ---------- NAVBAR (NOT FIXED) ---------- */
.fruity_twentythree .navbar {
  background-color: var(--brand-primary) !important;
  position: static;
  top: auto;
}
.fruity_twentythree #survey-nav .navbar-toggler .ri-more-fill { color: #fff; }

.fruity_twentythree #survey-nav .dropdown-menu > li > a:hover {
  background-color: var(--brand-hover-bg) !important;
  color: var(--brand-hover-text);
}
.fruity_twentythree #survey-nav .dropdown-menu > li > a:focus {
  background-color: var(--brand-primary) !important;
  color: #fff;
}


/* ---------- PROGRESS ---------- */
.fruity_twentythree .progress-bar { background-color: var(--brand-primary); }
.fruity_twentythree .top-container .progress { height: 5px; }


/* ---------- FOCUS (keyboard) ---------- */
.fruity_twentythree :is(
  .btn, a, select, textarea,
  input:not([type="radio"]):not([type="checkbox"])
):focus-visible,
.fruity_twentythree .btn-check:focus-visible + .btn {
  outline: 3px solid var(--brand-focus);
  outline-offset: 2px;
  box-shadow: none;
}


/* ---------- BUTTONS: ALIGNMENT ---------- */
.fruity_twentythree .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4em;
}


/* ---------- BUTTONS: PRIMARY ---------- */
.fruity_twentythree .btn-primary {
  background-color: #fff;
  color: var(--btn-text);
  border: 2px solid var(--btn-border);
  box-shadow: none;
  text-decoration: none;
  transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}

.fruity_twentythree .btn-primary:hover,
.fruity_twentythree .btn-primary:focus {
  background-color: var(--brand-hover-bg);
  border-color: var(--brand-hover-bg);
  color: var(--brand-hover-text);
}

/* Active / selected / checked / open */
.fruity_twentythree .btn-primary:active,
.fruity_twentythree .btn-primary.active,
.fruity_twentythree .btn-check:checked + .btn-primary,
.fruity_twentythree .btn-check:checked + .btn-primary:hover,
.fruity_twentythree .btn-primary.dropdown-toggle.show,
.fruity_twentythree .btn-primary.dropdown-toggle.show:focus {
  background-color: var(--brand-primary);
  border-color: var(--brand-primary);
  color: #fff;
  box-shadow: none;
}

/* Disabled */
.fruity_twentythree .btn-primary:disabled,
.fruity_twentythree .btn-primary.disabled,
.fruity_twentythree .btn-check:disabled + .btn-primary {
  background-color: #fff;
  border-color: var(--btn-border);
  color: var(--btn-text-disabled);
  opacity: 1;
  box-shadow: none;
  cursor: not-allowed;
}


/* ---------- BUTTONS: SECONDARY ---------- */
.fruity_twentythree .btn:not(.btn-primary):not(.btn-danger):not(.btn-link) {
  background-color: #fff;
  color: var(--btn-text);
  border: 1px solid var(--btn-border);
  text-decoration: none;
}
.fruity_twentythree .btn:not(.btn-primary):not(.btn-danger):not(.btn-link):hover,
.fruity_twentythree .btn:not(.btn-primary):not(.btn-danger):not(.btn-link):focus {
  background-color: var(--brand-hover-bg);
  border-color: var(--brand-hover-bg);
  color: var(--brand-hover-text);
}


/* ---------- BUTTONS: DANGER ---------- */
.fruity_twentythree .btn-danger {
  background-color: var(--danger);
  border-color: var(--danger);
  color: #fff;
}
.fruity_twentythree .btn-danger:hover,
.fruity_twentythree .btn-danger:focus,
.fruity_twentythree .btn-danger:active {
  background-color: var(--danger-hover);
  border-color: var(--danger-hover);
  color: #fff;
}


/* ---------- BUTTONS: NEXT / SUBMIT (always Main Blue) ---------- */
.fruity_twentythree :is(.ls-move-btn, .submit).btn-primary {
  background-color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
  color: #fff !important;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.fruity_twentythree :is(.ls-move-btn, .submit).btn-primary:hover {
  background-color: var(--brand-primary) !important;
  border-color: var(--brand-accent) !important;
  box-shadow: inset 0 0 0 1px var(--brand-accent) !important;
}
.fruity_twentythree :is(.ls-move-btn, .submit).btn-primary:focus-visible {
  outline: 3px solid var(--brand-focus);
  outline-offset: 2px;
  box-shadow: none !important;
}


/* ---------- BUTTONS: SPECIFIC ---------- */
/* ---------- INPUT-ATTACHED BUTTONS (date picker etc.) ---------- */
.fruity_twentythree .input-group .btn-primary,
.fruity_twentythree .date-timepicker-group .btn-primary {
  background-color: var(--brand-primary);
  border-color: var(--brand-primary);
  color: #fff;
}
.fruity_twentythree .input-group .btn-primary:hover,
.fruity_twentythree .input-group .btn-primary:focus,
.fruity_twentythree .date-timepicker-group .btn-primary:hover,
.fruity_twentythree .date-timepicker-group .btn-primary:focus {
  background-color: var(--brand-hover-bg);
  border-color: var(--brand-hover-bg);
  color: var(--brand-hover-text);
}

/* Icons inside any button follow the button's text colour, so they can
   never end up white-on-white after a hover or state change. */
.fruity_twentythree .btn [class^="ri-"],
.fruity_twentythree .btn [class*=" ri-"] {
  color: inherit;
}

.fruity_twentythree .upload {
  font-size: var(--fs-upload);
  font-weight: 500;
  text-decoration: none !important;
}

.fruity_twentythree .btn-danger,
.fruity_twentythree .modal-footer .btn,
.fruity_twentythree .url-wrapper .btn {
  font-size: var(--fs-btn-sm);
  font-weight: 500;
}


/* ---------- INPUT ADDONS (Bootstrap 5 class) ---------- */
.fruity_twentythree .input-group-text {
  background-color: var(--brand-primary);
  border-color: var(--brand-primary);
  color: #fff;
}


/* ---------- RADIOS & CHECKBOXES ---------- */
.fruity_twentythree .radio-item input[type=radio]:checked + label,
.fruity_twentythree .checkbox-item input[type=checkbox]:checked + label {
  color: var(--brand-primary);
}
.fruity_twentythree .radio-item input[type=radio]:checked + label::before,
.fruity_twentythree .checkbox-item input[type=checkbox]:checked + label::before {
  border-color: var(--brand-primary);
}
.fruity_twentythree .radio-item label::after,
.fruity_twentythree .radio-item input[type=radio] + label::after {
  background-color: var(--brand-primary);
}
.fruity_twentythree .checkbox-item input[type=checkbox]:checked + label::after {
  background-color: transparent;
  color: var(--brand-primary);
}


/* ---------- QUESTION / GROUP SPACING ---------- */
.fruity_twentythree .question-container .question-valid-container { margin-top: 0; }
.fruity_twentythree .question-container .question-title-container { margin-bottom: 0; }
.fruity_twentythree .group-container .group-title       { margin-top: 1em; margin-bottom: 0.5em; }
.fruity_twentythree .group-container .group-description { margin-bottom: 3em; }

.fruity_twentythree .answer-item {
  margin-bottom: 1em;
  align-items: flex-end;
}


/* ---------- LIST INDENTS / ANSWERS ----------
   TEST: Previously applied to every list on the page, which removed spacing
   from lists written in question and help text. Now scoped to answer lists. */
.fruity_twentythree .ls-answers,
.fruity_twentythree .ls-answers :is(ol, ul, dl) {
  margin-bottom: 0;
}

.fruity_twentythree .ls-answers.answers-list.radio-list.row,
.fruity_twentythree .ls-answers.answers-list.checkbox-list.row,
.fruity_twentythree .ls-answers.subquestion-list.questions-list.text-list.list-unstyled.form-horizontal {
  margin-left: 1px;
}


.fruity_twentythree .answer-container .col-auto { align-self: flex-end; }

/* List radio / multiple choice */
.fruity_twentythree :is(.radio-list, .checkbox-list) .answer-item,
.fruity_twentythree :is(.radio-list, .checkbox-list) .answer-item > .row {
  align-items: center;
}
.fruity_twentythree :is(.radio-list, .checkbox-list) .col-auto {
  align-self: center;
}
.fruity_twentythree :is(.radio-list, .checkbox-list) .answer-item .form-control {
  margin-top: 0;
  margin-bottom: 0;
}

/* Multiple short text: labels full width */
.fruity_twentythree ul.ls-answers.text-list.form-horizontal .control-label {
  width: 100% !important;
  flex: 0 0 100% !important;
  max-width: 100% !important;
}


/* ---------- VALIDATION / ASTERISKS ---------- */
.fruity_twentythree .asterisk.ri-asterisk {
  color: var(--danger);
  font-weight: 700;
  float: left;
  padding-right: 0;
}
[dir="rtl"] .fruity_twentythree .asterisk.ri-asterisk,
.fruity_twentythree[dir="rtl"] .asterisk.ri-asterisk { float: right; }

.fruity_twentythree .text-danger {
  color: var(--danger) !important;
  padding-top: 10px;
}


/* ---------- ALERTS ---------- */
.fruity_twentythree .alert-warning {
  display: inline-block;
  width: 100%;
  margin-top: 1.5rem;
  margin-bottom: 0;
  border: 0;
  background-color: var(--brand-warning);
  color: var(--text);
}


/* ---------- LANGUAGE SWITCHER ---------- */
.fruity_twentythree .form-change-lang {
  margin-bottom: -50px;
  padding-top: 20px;
}
.fruity_twentythree .form-change-lang #language-changer-select {
  color: var(--brand-link);
  background-color: transparent;
}
.fruity_twentythree .form-change-lang #lang-select::after { color: var(--brand-accent); }


/* ---------- UPLOAD MESSAGE ---------- */
.fruity_twentythree .uploadmsg {
  background-color: var(--brand-hover-bg);
  border: 0;
  color: var(--brand-hover-text);
}


/* ---------- DATE/TIME PICKER ---------- */
.fruity_twentythree .tempus-dominus-widget :is(
  .date-container-decades, .date-container-years, .date-container-months,
  .date-container-days, .time-container-clock, .time-container-hour,
  .time-container-minute, .time-container-second
) div:not(.no-highlight).active {
  background-color: var(--brand-primary);
}
.fruity_twentythree .tempus-dominus-widget .today:before {
  border-bottom-color: var(--brand-accent);
  border-top-color: rgba(0, 0, 0, 0.2);
}


/* ---------- SORTABLE / RANKING ---------- */
.fruity_twentythree .select-sortable-lists:not(.ranking-advanced-style) .ranking-sorted-items .sortable-item {
  border: 1px solid var(--brand-primary);
}
.fruity_twentythree .select-sortable-lists:not(.ranking-advanced-style) .list-group-item {
  padding: 12px 20px;
}


/* ---------- TOOLTIP ---------- */
.fruity_twentythree .mytooltip {
  cursor: pointer;
  text-decoration-line: underline;
  text-decoration-style: dotted;
  text-decoration-thickness: 2px;
  text-decoration-color: var(--brand-accent);
  text-underline-position: under;
}
.fruity_twentythree .tooltip-inner { max-width: 200px; }


/* ---------- STAR RATINGS (Daffodil) ---------- */
.fruity_twentythree :is(.star-1, .star-2, .star-3, .star-4, .star-5) {
  color: #bfbfbf;
  -webkit-text-stroke: 1px #767676;
}
.fruity_twentythree .star-rated-on:not(.star-stub) {
  color: var(--star-on);
  -webkit-text-stroke: 1px #8a6a00;
}
.fruity_twentythree .star-drained { color: var(--star-drained); }
.fruity_twentythree .star-drained.star-hover { text-shadow: none; }

.fruity_twentythree .star-rating {
  display: block;
  float: left;
  width: 46px;
  min-width: 40px;
  height: 36px;
  padding-left: 10px;
  overflow: hidden;
  font-size: 28px;
  line-height: 36px;
  cursor: pointer;
}


/* ---------- NPS CUSTOM BLOCK ---------- */
.fruity_twentythree .nps .row {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 4px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-top: 10px;
}

.fruity_twentythree .nps .bootstrap-buttons-div,
.fruity_twentythree .nps .answer-item {
  flex: 1 1 0;
  width: auto;
  min-width: 0;
  max-width: none;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.fruity_twentythree .nps .button-item,
.fruity_twentythree .nps .btn-primary {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  max-width: none;
  min-height: 70px;
  padding: 8px 4px;
  white-space: nowrap;
  text-align: center;
  line-height: 1.2;
}

.fruity_twentythree .nps .ls-answers {
  padding-right: 0;
  overflow-x: visible;
}

.fruity_twentythree .nps > .answer-container {
  padding-left: 15px;
  padding-right: 0;
}

.fruity_twentythree .nps .question-help-container {
  width: 100%;
  max-width: none;
  padding-left: 13px;
  padding-right: 27px;
}

.fruity_twentythree .nps .ls-questionhelp {
  width: 100%;
  max-width: none;
  margin-left: 0;
}
.fruity_twentythree .nps .ls-questionhelp:before { display: none; }

.fruity_twentythree .nps .ls-questionhelp em p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 0;
  font-size: var(--fs-btn-sm);
}


/* ---------- MISC ---------- */
.fruity_twentythree .button-row    { padding-bottom: 2em; }
.fruity_twentythree .modal-content { border-radius: var(--radius-card); }
.fruity_twentythree .save-message  { padding-top: 2em; }

.fruity_twentythree .return-to-survey {
  padding-top: 25px;
  padding-bottom: 25px;
}

/* CAPTCHA */
.fruity_twentythree .captcha-page  { padding-top: 50px; padding-bottom: 50px; }
.fruity_twentythree #reloadCaptcha { text-decoration: none; }


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1199px) {
  .fruity_twentythree .nps .question-help-container { padding-right: 12px; }
}

@media (max-width: 992px) {
  .fruity_twentythree .nps .row { gap: 3px; }

  .fruity_twentythree .nps .button-item,
  .fruity_twentythree .nps .btn-primary {
    min-height: 56px;
    padding: 6px 2px;
    font-size: 0.95rem;
  }

  .fruity_twentythree .nps .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 767px) {
  .fruity_twentythree { background-color: var(--surface); }

  .fruity_twentythree #main-col {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 15px;
    box-shadow: none;
    border-radius: 0;
  }

  .fruity_twentythree .survey-name { padding-top: 0.25em; }
  .fruity_twentythree .group-container .group-title { margin-top: 0; }

  .fruity_twentythree .nps .row { gap: 2px; }

  .fruity_twentythree .nps .button-item,
  .fruity_twentythree .nps .btn-primary {
    min-height: 48px;
    padding: 4px 1px;
    font-size: 0.9rem;
  }

  .fruity_twentythree .nps > .answer-container { padding-left: 0; }
}

@media (max-width: 500px) {
  .fruity_twentythree .star-rating { width: 20%; }
}

@media (max-width: 400px) {
  .fruity_twentythree .nps .row { flex-wrap: wrap; gap: 4px; }

  .fruity_twentythree .nps .bootstrap-buttons-div,
  .fruity_twentythree .nps .answer-item {
    flex: 0 0 calc((100% - 5 * 4px) / 6);
  }

  .fruity_twentythree .nps .button-item,
  .fruity_twentythree .nps .btn-primary {
    min-height: 44px;
    font-size: 1rem;
  }
}


/* ---------- REDUCED MOTION ---------- */
@media (prefers-reduced-motion: reduce) {
  .fruity_twentythree *,
  .fruity_twentythree *::before,
  .fruity_twentythree *::after {
    transition: none !important;
    animation: none !important;
  }
}

/* --------- ASTERISK ---------------- */
.asterisk.ri-asterisk {
  float: left;
  margin-right: 0;
  line-height: inherit;
}

.ls-question-mandatory {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}