:root {
    --primaryColor: #00643c;
    --secondaryColor: #fb8c00;
    --white: #ffffff;
    --font: IRANSans /*Vazir*/;
    --primaryBackground: #cacaca;
}

@font-face {
    font-family: Vazir;
    src: url('/font/Vazir-Regular-FD.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: IRANSans;
    src: url('/font/IRANSansWeb(FaNum).woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body {
    font-family: var(--font) !important;
    margin-bottom: 60px;
    height: 100vh !important;
}

h1, h2, h3, h4, h5, h6, input, textarea, * {
    font-family: var(--font) !important;
}

html {
    font-size: 14px;
    position: relative;
    min-height: 100%;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.sv-string-viewer {
    text-align: justify;
}

.sv-question__header--location--left {
    width: 100%
}

.cards-1 {
    height: 100% !important
}
.bg-custom {
    background-color: var(--primaryColor);
    padding: 0 !important;
}
.survey-button {
    background: var(--primaryColor);
}
.btn-dark:hover {
    background: var(--secondaryColor);
}
.survey-title {
    color: var(--primaryColor) !important;
}

.parag {
    text-align: justify;
    text-justify: inter-word;
    padding: 8px;
    font-size: 2.5vh;
}

.bgfull {
    background-color: var(--primaryBackground)
}

.ci {
    mix-blend-mode: difference;
    color: var(--primaryBackground);
}

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

.toppad {
    padding-top: 10% ;
}

@media (max-width: 768px) {
     .toppad {
         padding-top: 20% !important;
     }
 }