@font-face {
    font-family: 'campton-book';
    src: url('https://zoovu.com/wp-content/themes/zoovuthemev3/fonts/Campton-Book-NEW.woff') format('woff');
  }

  @font-face {
    font-family: 'campton-semibold';
    src: url('https://zoovu.com/wp-content/themes/zoovuthemev3/fonts/campton-semibold.woff') format('woff');
  }

.calculateStart {
    height: calc(100% - 80px);
    display: flex;
    justify-content: center;
    align-items: center;
}

.calculate,
.calculate1,
.calculate2,
.calculate3,
.calculate4,
.calculate5,
.calculate6 {
    background-color: #f3f6f9;
    padding: 80px 0;
    height: calc(100vh - 80px);
}

.calculateResults
  {
     padding: 80px 0;
     height: calc(100vh - 80px);
}


.calculator {
/*    background-color: #f3f6f9;*/
    position: relative;
    z-index: 100;
/*    padding: 80px 0;*/
height: calc(100vh - 80px);
}

.progress{
    margin-bottom: 40px;
}

.container h2 span {
    color: #0C59CC;
    margin-right: 10px;
    font-weight: 400 !important;
}

.step-card {
    background: #ffffff;
    padding: 40px 60px;
    border-radius: 4px;
}

.calculateResults {
    background-color: #ffffff;
}

.calculateResults .step-card {
    background: #f3f6f9;
}

a.takequiz, a.report {
    color: #0d6efd !important;
}

.calculator h2 {
    margin-bottom: 20px;
    font-family: 'campton-semibold', 'arial' !important;
}

.form-check-input[type=checkbox] {
    background-color: #eaedef;
    border: none;
}

.form-check {
    margin-bottom: 15px;
}

.form-check-input:checked[type=checkbox] {
    background-color: #0C59CC;
}


.calculate, .calculate1, .calculate2, .calculate3, .calculate4, .calculate5, .calculate6, .calculateResults, .calculateResultsExplorer,
.calculateResultsNewcomer,
.calculateResultsUpandComer,
.calculateResultsEmergingLeader,
.calculateResultsDisruptor {
    display: none;
} 

.started {
    padding: 8px 16px;
    border: 1px solid #002673 !important;
    border-radius: 4px;
    font-size: 16px;
    line-height: 19px;
    color: #FFF !important;
    background-color: #002673;
    font-weight: 400;
}



.hubspot_form_wrraper {
    border-radius: 4px !important;
    background: rgba(230, 236, 250, 0.60) !important;
    padding: 27px 30px 30px 30px !important;
    box-shadow: none !important;
}

.hbspt-form input, .hbspt-form textarea.hs-input, .hbspt-form select.hs-input {
    margin-bottom: 17px !important;
    border-radius: 4px !important;
    border: 1px solid var(--Light-Blue, #E6ECFA) !important;
    background: var(--White, #FFF) !important;
    padding: 5px 13px 6px 13px !important;
    color: #293750 !important;
    width: 100% !important;
}

.hubspot_form_wrraper.whiteboxform h3 {
    margin-bottom: 20px !important;
}

.hs-form-field {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    width: 100% !important;
}

fieldset.form-columns-2 .input {
     margin-right: 0 !important;
}

input.hs-button.primary.large {
    color: #ffffff !important;
    margin: 0 !important;
}

.hs-richtext.hs-main-font-element p, .hs-form-booleancheckbox-display {
    font-size: 10px !important;
}

textarea {
    font-family: "campton-book", "Arial" !important;
}


 .hbspt-form input[type=checkbox] {
    display: none;
}

.hbspt-form .hs-input:focus, .hbspt-form textarea.hs-input:focus {
    outline: none;
    border: 1px solid #277DFF !important;
}

form a {
    color: #CC003A !important;
    font-weight: 600;
}
   
form ul li {
   line-height: 5px !important;
}


.hbspt-form input.invalid, .hbspt-form textarea.hs-input.invalid {
    border-color: #CC003A !important;
}

.hbspt-form label.hs-error-msg {
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 16px !important;
    margin-top: 3px !important;
    margin-bottom: 5px !important;
    display: block !important;
    color: #CC003A !important;
}


.hbspt-form input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
}

.hbspt-form input::placeholder, .hbspt-form textarea::placeholder {
    color: #ACBDD5!important;
    font-size: 16px!important;
    opacity: 1 !important;
    height: 16px!important;
}

     .hbspt-form input, .hbspt-form textarea.hs-input {
    border-radius: 4px;
    border: 1px solid #E6ECFA;
    padding: 6px 12px;
    margin-bottom: 20px;
    color: #192B50;
    width: 100% !important;
}

.hubspot_form_wrraper.whiteboxform, section.whiteboxform {
    box-shadow: none;
    max-width: 90%;
}

.hubspot_form_wrraper.whiteboxform {
    margin-left: 0 !important;
}

fieldset.form-columns-2 .hs-form-field {
    max-width: 100%;
}

.hs-form-field {
    margin-right: 0 !important;
    flex: 0 0 100% !important;
}
.hs_comment .input {

    margin-right: 0 !important;
}

.hubspot_form_wrraper.whiteboxform, section.whiteboxform {
    padding: 30px !important;
}

.hs-form-booleancheckbox-display span:before {
    content: "";
    -webkit-appearance: none;
    background-color: #ffffff;
    padding: 8px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    border: 1px solid var(--Light-Blue, #E6ECFA) !important;
}

.hs-form-booleancheckbox-display span {
    position: relative;
    cursor: pointer;
    display: inline-block;
    padding-left: 30px;
    line-height: 14px;
}

.hs-form-booleancheckbox-display input:checked + span:after {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 6px;
    width: 5px;
    height: 9px;
    border: solid #002673;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

a.get_demo_btn {
    text-decoration: none;
}
.hbspt-form label:not(.hs-form-booleancheckbox-display):not(.hs-error-msg) {
    display: none;
}

.zoovu_header .zoovu-header-wrapper {
    justify-content: space-between;
}

.hbspt-form input.invalid {
    margin-bottom: 0 !important;
}

.hubspot_form_wrraper h3 {
    font-size: 24px !important;
    line-height: 26px !important;
    margin-bottom: 20px;
}



@media (max-width: 820px) {
    .hubspot_form_wrraper.whiteboxform, section.whiteboxform {
        max-width: 100%;
        padding: 20px !important;
    }

}

.hide {
    display: none;
}

.show {
    display: block;
}

/*.quiz-steps {*/
/*    display: none;*/
/*}*/

.navbar {
    box-shadow: 0px 0px 20px rgba(0, 38, 115, 0.1) !important;
    height: 80px !important;
    background-color: #FFF !important;
}

.flex-center {
    /* height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; */
    padding-top: 100px;
}

.read-more-link {
    color: #0d6efd !important;
    padding-right: 20px;
    font-size: 18px !important;
    position: relative;
    display: inline-block !important;
    font-family: inherit !important;
}
.takequiz.read-more-link:hover,
.report.read-more-link:hover {
    color: #0d6efd !important;
}

.read-more-link:before {
    content: "";
    background-size: cover;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
   background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 6H11' stroke='%230d6efd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 11L11 6L6 1' stroke='%230d6efd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

.common-content {
    display: none !important;
}