.intake_wrapper{background: #ecf4f6; height: 100vh; width: 100vw;}
.intake_wrapper .container{max-width: 1480px; margin: 0 auto; height: 100%; overflow: auto;}

.intake_wrapper .btn{border: 1px solid var(--sc-secondary); background-color: var(--sc-secondary); color: #fff; padding: .75rem 2rem; cursor: pointer; display: inline-block; font-weight: 500; }
.intake_wrapper .btn:hover{background: var(--sc-dark); border-color: var(--sc-dark); }
.intake_wrapper .btn.btn-prev,
.intake_wrapper .btn.btn-next{position: relative;}
.intake_wrapper .btn.btn-prev{padding: .75rem 2rem .75rem 3rem;}
.intake_wrapper .btn.btn-next{padding: .75rem 3rem .75rem 2rem;}
.intake_wrapper .btn.btn-prev::before{content:''; background-image: url("../icons/white-arrow.svg"); height: 30px; width: 10px; background-repeat: no-repeat;position: absolute; left: 10px; top: 10px; transform: rotate(180deg); background-size: contain;}
.intake_wrapper .btn.btn-next::after{content:''; background-image: url("../icons/white-arrow.svg"); height: 30px; width: 10px; background-repeat: no-repeat;position: absolute; right: 10px; top: 10px; background-size: contain;}
.intake_wrapper .btn.invisible{visibility: hidden;}

.intake_wrapper h1{font-weight: 500; font-size: 2rem;}
.intake_wrapper h4{font-size: 1.2rem; font-weight: 300;}
.intake_wrapper h6{text-transform: uppercase; font-weight: 300;}

/**
    HEADER
 */
.intake_wrapper .header{width: 100vw; height: 100px;  z-index: 100;position: relative;  background: #fff;box-shadow: 0px 3px 6px #00000029;}
.intake_wrapper .header .container{display: flex; align-items: center;justify-content: space-between; }
.intake_wrapper .header .logo{height: 80%; display: inline-block; overflow: hidden; padding: 0 2rem;}
.intake_wrapper .header .logo a{height: 100%;}
.intake_wrapper .header .logo img{height: 100%; object-fit: cover; max-width: initial;}
.intake_wrapper .header .back_to_site{float: right; background: #fff;height: 100%;}
.intake_wrapper .header .back_to_site a{height: 100%; padding: 1rem 2rem;display: flex; align-items: center; justify-content: center; color: var(--sc-dark);  font-size: 20px;}

/**
    Footer
 */
.intake_wrapper .footer{width: 100vw; height: 75px;}
.intake_wrapper .footer .pagination .bullet{width: 15px; height: 15px; border: 2px solid #1A1818; background-color: #1A1818; border-radius: 15px; display: inline-block; margin: 0 .25rem;}
.intake_wrapper .footer .pagination .bullet.done{ cursor: pointer;}
.intake_wrapper .footer .pagination .bullet.current{background: var(--sc-secondary); border-color: var(--sc-secondary);}

/**
    Content
 */
.intake_wrapper .intake-form {height: calc(100vh - 175px); }
.intake_wrapper .intake-form .slide{display: flex; align-items: center; height: 100%; gap: 4rem; overflow: auto;}
.intake_wrapper .intake-form .slide:not(.active){display: none;}
.intake_wrapper .intake-form .slide.question{padding: 4rem 2rem; }
.intake_wrapper .intake-form .intro .image{flex: 1; height: 100%; overflow: hidden;}
.intake_wrapper .intake-form .intro .image img{object-fit: cover; max-width: initial; min-height: calc(100% + 100px); min-width: 100%; margin-top: -100px;}
.intake_wrapper .intake-form .intro .intro_text{flex: 1; padding-right: 2rem;}

/* Question answers */
.question_description p{max-width: 75%; display: inline-block;}
.answers {display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.25rem; margin-bottom: 2.5rem;}
.answers .answer input[type=radio]{display: none;}
.answers .answer label{display: flex; background: #fff; color: var(--sc-dark); align-items: center; padding: 1.25rem 2.5rem; font-size: 20px; font-weight: 500; height: 100%;}
.answers .answer label:hover,
.answers .answer input[type=radio]:checked ~ label{background: var(--sc-secondary); color: #fff;}

@media only screen and (max-width: 1480px) {
    .intake_wrapper .container{max-width: 1200px;}
    .intake_wrapper .intake-form .intro > *{width: 50%; overflow: hidden;}
    .intake_wrapper .intake-form .slide{gap: 2rem;}
    .intake_wrapper .intake-form .intro .intro_text{height: 100%; overflow: scroll; padding: 2rem 0;}
    .intake_wrapper .intake-form .slide.question{padding: 2rem 1rem 0 1rem;}
}

@media only screen and (max-width: 1200px) {
    .intake_wrapper .container{max-width: 1024px;}
}

@media only screen and (max-width: 1024px) {
    .intake_wrapper .container{max-width: 100vw; padding: 0 2rem;}
    .intake_wrapper .intake-form .intro{flex-direction: column;}
    .intake_wrapper .intake-form .intro > *{width: 100%; overflow: visible;}
    .intake_wrapper .intake-form .intro .intro_text{padding: 2rem; overflow: initial;}
    .intake_wrapper .intake-form .intro .image{min-height: 40vh; display: flex;}
    .intake_wrapper .intake-form .intro .btn{display: none;}
}


@media only screen and (max-width: 767px) {
    .answers{grid-template-columns: 1fr;}
    .question_description p{max-width: 100%;}
    .intake_wrapper .intake-form .slide.question{padding: 2rem 0}
    .intake_wrapper .footer .pagination{display: none;}
    .intake_wrapper .header .back_to_site{display: none;}
    .answers .answer label{font-size: 18px; padding: 1.25rem}
    /*.intake_wrapper .btn{font-size: 24px;}*/

    /*.intake_wrapper h1{font-size: 40px; line-height: 50px;}*/
    /*.intake_wrapper h4{font-size: 30px;}*/
    /*.intake_wrapper h6{font-size: 30px;}*/
    .intake_wrapper .btn{padding: .75rem 1rem;}
    /*.intake_wrapper .btn::before,*/
    /*.intake_wrapper .btn::after{display: none;}*/

    .answers .answer{width: 100%;word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;}
}