@font-face {
    font-family: 'National 2';
    font-style: normal;
    font-weight: normal;
    src: local('National 2'),
        url("/static/public-theme/fonts/national-2-web-regular.f98617c35b59.woff2") format('woff2'),
        url("/static/public-theme/fonts/national-2-web-regular.fb636777d058.woff") format('woff'),
        url("/static/public-theme/fonts/national-2-web-regular.e85e3c9d3a5e.eot") format('embedded-opentype');
    font-display: swap;
}
@font-face {
    font-family: 'National 2 Narrow';
    font-style: bold;
    font-weight: bold;
    src: local('National 2 Narrow Bold'),
        url("/static/public-theme/fonts/national-2-narrow-web-bold.8d5fdf7ca470.woff2") format('woff2'),
        url("/static/public-theme/fonts/national-2-narrow-web-bold.4b226a057e76.woff") format('woff'),
        url("/static/public-theme/fonts/national-2-narrow-web-bold.33dac46b046b.eot") format('embedded-opentype');
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    src: url("/static/public-theme/fonts/surveys/barlow-web-regular.2bc763014449.woff2");
    font-display: swap;
}

@font-face {
    font-family: 'Bitter';
    font-style: normal;
    font-weight: 400;
    src: url("/static/public-theme/fonts/surveys/bitter-web-regular.4487ec4bbeb4.woff2");
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url("/static/public-theme/fonts/surveys/inter-web-regular.68c477c4c76b.woff2");
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: url("/static/public-theme/fonts/surveys/lato-web-regular.e1b3b5908c9c.woff2");
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url("/static/public-theme/fonts/surveys/montserrat-web-regular.b4a68b1e743e.woff2");
    font-display: swap;
}

@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 400;
    src: url("/static/public-theme/fonts/surveys/nunito-sans-web-regular.8a97f720d330.woff2");
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    src: url("/static/public-theme/fonts/surveys/nunito-web-regular.aacf0f4f8b5d.woff2");
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    src: url("/static/public-theme/fonts/surveys/oswald-web-regular.afda6e429fd2.woff2");
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url("/static/public-theme/fonts/surveys/poppins-web-regular.9212f6f9860f.woff2");
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    src: url("/static/public-theme/fonts/surveys/raleway-web-regular.16911581ab7e.woff2");
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url("/static/public-theme/fonts/surveys/roboto-web-regular.15d9f621c3bd.woff2");
    font-display: swap;
}
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: url("/static/public-theme/fonts/surveys/source_sans_pro-web-regular.0ad032b3d07a.woff2");
    font-display: swap;
}
@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    src: url("/static/public-theme/fonts/surveys/ubuntu-web-regular.0e8eefb4549a.woff2");
    font-display: swap;
}

.survey-content {
    margin: 0 auto;
    max-width: 800px;
    /*padding: 20px;*/
}

.survey-content a {
    text-decoration: none;
    color: #412CE1;
}

.survey-content a:hover {
    color: #3021A3;
}
/*
.row {
    display: flex;
    flex-wrap: wrap;
}*/
.col-lg-12 {
    flex: 0 0 100%;
}

.col-lg-4 {
    flex: 0 0 33.3333333333%;
}

.col-lg-6, .col-md-6, .col-xs-6 {
    flex: 0 0 50%;
}

.mt-20 {
    margin-top: 20px;
}
.mt-12 {
    margin-top: 12px;
}

.mt-32 {
    margin-top: 32px;
}

.mt-80 {
    margin-top: 80px;
}

.mb-12 {
    margin-bottom: 12px;
}
.mb-20 {
    margin-bottom: 20px;
}
.mr-5 {
  margin-right: 5px;
}
.mr-8 {
    margin-right: 8px;
}
.mr-10 {
    margin-right: 10px;
}
.mr-20 {
    margin-right: 20px;
}
.ml-20 {
    margin-left: 20px;
}
.ml-4 {
    margin-left: 4px;
}
.ml-8 {
    margin-left: 8px;
}

.pt-12 {
    padding-top: 12px;
}
.w-100{
    width: 100%;
}
.w-49 {
  width: 49px;
}
.fa-center {
    text-align: center;
}
.display-flex {
  display: flex;
}

.w-40 {
    width: 40px;
}

.ml-32 {
    margin-left: 32px;
}

.pl-8 {
    padding-left: 8px;
}

.vertical-centering {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.fs-48 {
    font-size: 48px;
}
.lh-48{
    line-height: 48px;
}
.fc-black{
    color: #000000;
}

.ff-narrow-bold {
    font-family: "National 2 Narrow";
    font-weight: bold;
}

.ff-narrow {
    font-family: "National 2 Narrow";
}

.ff-national {
    font-family: "National 2";
}

.fs-12 {
    font-size: 12px;
}

.fs-16{
    font-size: 16px;
}

.fs-18{
    font-size: 18px;
}

.lh-28 {
    line-height: 28px;
}

.fc-grey {
    color:#60737d;
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.header-counter {
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    display: flex;
    align-items: end;
    -webkit-box-align: end;
}

.item-question ul {
  list-style-type: none;
}

.logo-image-content {
    overflow: hidden;
    margin: 0 auto;
}

.logo-image {
    position: relative;
    width: 100%;
    height: 200px;
    overflow: hidden;
    transition: transform 200ms ease-in-out 0s;
    justify-content: center;
    display: flex;
    align-items: center;
    -webkit-box-align: center;
}

.logo-image img {
    display: block;
    position: absolute;
    transform-origin: center;
    max-height: 200px;
    max-width: 100%;
}

.default-logo-image {
    display: flex;
    height: 200px;
    align-items: center;
    -webkit-box-align: center;
    justify-content: center;
}

.default-logo-image img {
    display: flex;
    margin: 0 auto;
    width: 50%;
    max-height: 80px;
}

.label_wording {
  word-wrap: break-word;
  word-break: break-word;
  text-align: justify;
}
#questions-content {
    /*padding-right: 40px;
    padding-top: 40px;*/
    padding-right: 24px;
    padding-top: 40px;
    padding-left: 24px;
}
.input-answer {
    display: flex;
}
.input-answer textarea {
    padding-top: 20px;
}
.input-answer input, .input-answer textarea {
    border-bottom: 2px solid rgba(0, 0, 0, 0.3);
    border-right: 0px;
    border-left: 0px;
    border-top: 0px;
    padding-right: 16px;
    padding-left: 16px;
    width: 100%;
    font-size: 14px;
    line-height: 100%;
    min-height: 48px;
}
.input-answer input.answer-required, .input-answer textarea.answer-required {
    border-bottom: 2px solid rgba(255, 0, 0, 0.3) !important;
}

.input-answer input:focus-visible, .input-answer textarea:focus-visible {
    outline: 0px;
    border-bottom: 2px solid #000000;
}
.input-answer textarea {
    resize: vertical;
}
.next-button,
.previous-button,
.start-button,
.submit-button {
    /*display: inline-block;
    margin-top: 48px;*/
    display: flex;
    align-items: start;
    -webkit-box-align: start;
}
.next-button input,
.previous-button input,
.start-button input,
.submit-button input{
    border: none;
    outline: none;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    text-align: center;
    font-weight: 600;
    line-height: 100%;
    box-sizing: border-box;
    width: auto;
    font-size: 15px;
    cursor: pointer;
    margin-left: 0px;
    margin-right: 0px;
}

.start-button input,
.submit-button input {
    padding: 10px 24px 10px;
    height: 38px;
    font-family: "National 2" !important;
}

.next-button input,
.previous-button input {
    padding: 10px 15px 10px;
    height: 36px;
}

.next-button input {
    border-radius: 0px 4px 4px 0px;
}

.next-button input {
    border-left: 1px solid #E1E7EB;
    margin-right: 12px;
}

.start-button {
    padding-right: 12px;
}

.previous-button input {
    border-radius: 4px 0px 0px 4px;
}

.survey-actions {
    width: 100%;
    display: flex;
}

.survey-actions.center {
    justify-content: center;
}

.survey-actions.right {
    justify-content: right;
}

.survey-footer label {
    display: block;
    margin: 0 auto;
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
    font-family: "National 2 Narrow";
    font-style: normal;
    text-align: center;
    color: #60737D;
}
.survey-footer img {
    margin-left: 5px;
    width: 110px;
}

.survey-footer a {
    margin: 0 auto;
}

.preview-toast {
    display: flex;
    flex-direction: row;
    align-items: center;
    -webkit-box-align: center;
    justify-content: center;
    margin-left: 12px;
    margin-right: 12px;
}

.preview-toast div {
    width: auto;
}

.quote_mark {
    quotes: "“" "”";
    quotes: "\201C" "\201D";
    margin-left: -12px;
    margin-right: 8px;
  }
.quote_mark:before {
    content: open-quote;
    font-size: 42px;
    line-height: 50px;
}
.quote {
  align-items: center;
  -webkit-box-align: center;
}
@keyframes fade-in-fom-left {
    0% {
       opacity: 0;
       transform: translateX(-50px);
    }
    100% {
       opacity: 1;
       transform: translateX(0);
    }
 }
.fade-in-fom-left {
    animation-name: fade-in-fom-left;
    animation-duration: 1s;
}
.button--loading::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  margin: auto;
  border: 4px solid transparent;
  border-top-color: #412CE1 !important;
  border-radius: 50%;
  animation: loading-spinner 1s ease infinite;
  margin-left: -35px;
  margin-top: 10px;
}

@keyframes loading-spinner {
    from {
        transform: rotate(0turn);
    }

    to {
        transform: rotate(1turn);
    }
}


[class*="col-md-3"] .addOn-survey, [class*="bee-col-w3"] .addOn-survey {
    padding: inherit;
    transform: scale(0.4);
    transform-origin: left;
    width: max-content;
    display: inline;
}

[class*="col-md-6"] .addOn-survey, [class*="bee-col-w6"] .addOn-survey {
    padding: inherit;
    transform: scale(0.8);
    transform-origin: left;
    width: max-content;
    display: inline;
}

.header-logo {
   /* z-index: 30;
    position: relative;
    top: 24px;
    left: 24px;
    right: 0px;*/
    margin: 0px;
    box-sizing: border-box;
    background: transparent;
    pointer-events: none;
    transition: opacity 0.3s ease 0s;
    opacity: 1;
    display: flex;
    align-items: end;
    -webkit-box-align: end;
    justify-content: left;
    padding-left: 12px;
}

.header-logo .content-logo {
    position: relative;
    min-height: 40px;
   /* margin: 0px auto;*/
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    box-sizing: border-box;
    flex-direction: row;
}

.header-logo img {
    max-height: 40px;
    /*width: 100%;*/
    max-width: 96px;
}

.square-out-num-question {
    border: 3px solid;
    border-radius: 10px;
    /* margin-right: 12px; */
    position: relative;
    width: 34px;
    height: 34px;
    transform: translate(-9px, 2px);
    transform: scale(0.9) translate(-9px, 0px);
    clip-path: polygon(0 10%, 0% 100%, 90% 100%);
}
.square-num-question {
    border: 3px solid;
    border-radius: 6px;
    width: 26px;
    height: 26px;
    text-align: center;
    position: absolute;
    transform: scale(0.9);
    font-size: 16px;
    font-weight: 600;
}

.counter-advance {
    margin-right: 12px;
    /*margin-top: 24px;*/
    background: #D9D9D9;
    padding: 10px 15px 10px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 600;
}

.ok-button input{
    background-color: #D9D9D9;
    padding: 10px 24px 10px;
    border-radius: 4px;
    font-weight: 700;
    font-size: 15px;
    line-height: 100%;
    text-align: center;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    cursor: pointer;
    position: relative;
    border: none;
    outline: none;
    overflow: hidden;
    box-sizing: border-box;
    height: 38px;
}

.disabled input {
    cursor:not-allowed;
    opacity: 0.32;
}

.question-content {
    max-width: 90%;
}