*{
    margin: 0;
    box-sizing: border-box;
}

body{
    font-family: Verdana, sans-serif;
}

h1{
    margin-left:10%;
    margin-right:10%;
    padding:20px;
    font-size: 18px;
}

.paragraph{
    margin-left:10%;
    margin-right:10%;
    padding:20px;
    font-size: 15px;
}

h2{
    margin: 64px 0 16px 0;
    /* font-weight: normal; */
    font-weight: bold;
    font-size:17px;
    /* margin-left: 1%; */

}

.container{
    border-radius: 5px;
    background: #FCF6E7;
    margin-left:10%;
    margin-right:10%;
    padding:20px;
}

.select-box{
    position: relative;
    display: flex;
    width:100%;
    flex-direction: column;}

.select-box .options-container {
    background: #FFFFFF;
    color:#000000;
    max-height: 0;
    width: 100%;
    opacity: 0;
    transition: all 0.4s;
    border-radius: 0 0 8px 8px;
    overflow: hidden;

    order: 1;

    position: absolute;
    z-index: 1;
}

.select-box .options-container.active{
    max-height: 240px;
    opacity: 1;
    overflow-y: scroll;
    margin-top: 50px;
}


.select-box .options-container::-webkit-scrollbar{
    width: 4px;
    background: rgba(0, 0, 0, .25);
    border-radius: 0 8px 8px 0;
}

.select-box .options-container::-webkit-scrollbar-thumb{
    background-color: #525861;
    border-radius: 0 8px 8px 0;
}

.select-box .option {
    cursor : pointer;
}

.select-box .option:hover{
    background: #E1A417;
}

.select-box .option.active {
    background: #E1A417;
}


.select-box label{ 
    cursor: pointer;
    display: block;
    padding: 12px 24px;
}

.select-box .option .radio{
    display: none;
}

.search-box input{
    width: 100%;
    padding: 12px 20px;
    /* font-family: "Roboto", sans-serif; */
    font-size: 16px;
    position: absolute;
    border-radius: 8px 8px 0 0;
    /* z-index: 100; */
    border: 4px solid rgba(0, 0, 0, .25);
}

.search-box input:focus{
    outline: none;
}

/* Button */

.btn{
    font-size: 16px;
    font-weight: bold;
    padding: 8px 24px;
    border-radius: 8px;
    margin-top: 64px;
    width: 100%;
    border: 0;
    background: #E1A417;
    color: #000000 ;
    cursor: pointer;
}

.btn:hover{
    background: #E6B23A;
}