.first-div {
}



.full-height{
    height: calc(50vh);
}

.second-div {
    position: relative;
    background: #FFF3E7;
}

.back-arrow {
    display: inline;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 11px;

    position: absolute;
    width: 57px;
    height: 19px;
    left: 31px;
    top: 30px;

}

.arrow-text {
    width: 36px;
    height: 19px;

    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    /* identical to box height */

    text-transform: capitalize;

    color: #462721;


    /* Inside auto layout */

    flex: none;
    order: 1;
    flex-grow: 0;
}

.breadcrumb-text {

width: 12px;
height: 23px;

font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 23px;
text-transform: capitalize;

color: #462721;


/* Inside auto layout */

flex: none;
order: 0;
flex-grow: 0;
}


.question-main {
    position: relative;
    width: 60%;
    height: 40%;
    left: 20%;
    top: 30%;
}
.colored-text {

font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 105%;
/* or 125% */

text-transform: capitalize;

color: #C9A477;
}
.question-text {
margin-top: 1.5rem;
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 105%;
/* or 125% */

text-transform: capitalize;

color: #462721;
}
.options {

}

@media (min-width: 768px) {
    .full-height {
        height: calc(100vh);
    }
    .colored-text, .question-text{
        font-size: 42px;
        line-height: 117%;
    }
}

@media (min-width: 992px) {
    .colored-text, .question-text{
        font-size: 48px;
        line-height: 125%;
    }
}