#fp-tips{
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:rgba(0,0,0,0.75);
    /* z-index:1; */
}

.tips-container{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: white;
    border:solid 1px grey;
    box-shadow:
    0 2.8px 2.2px rgba(0, 0, 0, 0.034),
    0 6.7px 5.3px rgba(0, 0, 0, 0.048),
    0 12.5px 10px rgba(0, 0, 0, 0.06),
    0 22.3px 17.9px rgba(0, 0, 0, 0.072),
    0 41.8px 33.4px rgba(0, 0, 0, 0.086),
    0 100px 80px rgba(0, 0, 0, 0.12);
}

#fp-tips .tips-header{
    padding:5%;
    margin-bottom: 10%;
    clear:both;
}

#fp-tips .tips-header > div{
    width: 28%;
    height: 40px;
    font-size: 26px;
    /* background: #e80019; */
    /* border:
    solid 1px black; */
    font-weight:900;
    /* color: black; */
    text-align: center;
    line-height: 40px;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    border-radius: 10px;
}

#fp-tips .tips-header div:hover, #fp-tips .tips-header div.active{
    background:var(--main);
    color:white;
    border:solid 1px var(--main);
}

.at-tips{
    display:block;
    clear:both;
    width:100%;
    height:max-content;
}

.tips-container .at-tips .smis_form > div{
    width:100%;
    clear:both;
}

.tips-container .at-tips .smis_form > div input, .tips-container .at-tips .smis_form > div  label, .tips-container .at-tips .smis_form > div select{
    width:40%;
    clear:both;
    line-height:40px;
    height: 50px;
    font-size:30px;
    cursor: default;
    background:white;
    max-width:40%;
}

.tips-container .at-tips .smis_form > div  label{
    margin-left:5%;
}

.tips-button{
    text-align: center;
    clear:both;
}
.tips-button a{
    margin: 10px;
    padding: 10px;
    border-radius: 52px;
    border: none;
    background-color: #FAD2C0;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 24px;
    color: #454545;
    padding: 23px;
    display: inline-block;
    width: 70px;
}

.tips-button a:hover {
    text-decoration: none !important;
    background-color: var(--main) !important;
    border: 1px solid var(--main) !important;
    color: white !important;
}
#tips-input-container{
    display:none;
}