/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

@import url("./font-src/inter.css");

:root { font-family: 'Inter', sans-serif; }
@supports (font-variation-settings: normal) {
 :root { font-family: 'Inter var', sans-serif; }
}

body {
  font-family: 'Inter', sans-serif !important;
}

.large-heading {
    font-family: 'Inter', sans-serif !important;
}

.radio-item input[type="radio"] + label {
    color: rgb(30,30,30);
}

.ls-answers label {
    color: rgb(30,30,30);
    font-weight: 500;
}


#outerframeContainer,
#outerframeContainer * {
    -webkit-hyphens: none !important;
    -ms-hyphens: none !important;
    hyphens: none !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}




#survey-nav .ls-lang-switch {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin-left: auto;
    white-space: nowrap;
    font-family: inherit;
}

#survey-nav .ls-lang-form {
    margin: 0;
}

#survey-nav .ls-lang-link {
    background: none;
    border: 0;
    padding: 0;
    color: #000;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1;
    cursor: pointer;
    font-family: inherit;
}

#survey-nav .ls-lang-link:hover {
    color: #000;
    text-decoration: none;
}

#survey-nav .ls-lang-link.is-active {
    color: #432df4; 
    font-weight: 700;
    text-decoration: none;
}

#survey-nav .ls-lang-sep {
    color: #000;
    line-height: 1;
    font-family: inherit;
}







#survey-nav .logo {
    max-height: 180px;
    width: auto;
}



#survey-nav .survey-nav-inner {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding-left: 24px;
    padding-right: 24px;
}

#survey-nav .navbar-brand {
    margin-right: 0;
    padding-left: 0;
}

#survey-nav .logo-container {
    margin-left: 0;
    padding-left: 0;
}





.group-title {
    margin-bottom: 64px !important;
}

.group-title + .group-description {
    margin-top: -20px !important;
    margin-bottom: 64px !important;
}




.question-title-container .question-number {
    display: block;
    margin-bottom: 18px !important;
    line-height: 1;
}

.question-title-container .question-text .ls-label-question > *:first-child {
    margin-top: 0 !important;
}








.question-valid-container .ls-questionhelp {
    margin-bottom: 14px !important;
}

.question-valid-container .ls-question-message {
    margin-bottom: 0 !important;
}



.question-title-container .question-text {
    margin-bottom: 14px !important;
}

.question-title-container .question-text .ls-label-question > *:last-child {
    margin-bottom: 0 !important;
}




.welcome-topic {
    display: inline-block;
    white-space: nowrap;
}

@media (max-width: 1100px) {
    .welcome-topic {
        white-space: normal;
    }
}




.group-title {
    font-size: 42px !important;
}

.question-title-container .ls-label-question h1,
.question-title-container .ls-label-question h1 span {
    font-size: 26px !important;
}







@media (max-width: 768px) {
  h1,
  h3 {
    line-height: 1.35 !important;
  }
}