#fp-tips { position: absolute; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.75);}
.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; font-weight:900; 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; }