a {color:#343a40;text-decoration:none}
header {width:100%; padding: 0px 8%; position:fixed;background-color:#ffffff;z-index:9999;}
header .menu { padding: 30px 0 30px 0; display: flex; justify-content: space-between; align-items: center; }
header .menu .logo { width: 109px; }
header .menu .search {  margin-left: 10px; }
header .hidden_menu { position: absolute; width: 50vw; height: 100vh; display: flex; z-index: 10; left: -100%; transition: 0.5s;}
header .hidden_menu .ani_tab { width: 100%; background-color: #F7F3EB; border-radius: 0 20px 20px 0; }
header i { font-size: 24px; }
header a{color:#343A40}

.hidden_menu .ani_tab { padding: 0 24%; padding-top: 21vw; }
.hidden_menu .ani_tab .profile {display: flex; align-items: center; flex-direction: column; position: relative; }
.hidden_menu .ani_tab .profile h3 { font-size: 14px; font-weight: normal; margin-top: 2.2vw; }
.hidden_menu .ani_tab .profile .circle { width: 69px; height: 69px; border-radius: 50%; background-color:#ffffff;overflow:hidden  }
.hidden_menu .ani_tab .profile .circle img{ width: 69px; height: 69px; border-radius: 50%;}
.hidden_menu .ani_tab hr { margin-top: 34px; }
.hidden_menu .ani_tab .menu_items li,.hidden_menu .ani_tab .logout li { display: flex; align-items: center; padding-top: 20px; font-size: 14px; font-weight: 400; }
.hidden_menu .ani_tab .menu_items li:nth-of-type(1) { padding-top: 26px;}
.hidden_menu .ani_tab .menu_items li i,.hidden_menu .ani_tab .logout li i { width: 24px; margin-right: 5px; }
.hidden_menu .ani_tab .logout {position: absolute; bottom: 7.5vw; }

.unnis_content{padding:90px 8% 90px;}
body.on .hidden_menu { left: 0; transition: 0.5s; }
.xx { width: 100%; height: 70vh; background-color: purple;}

.foot_on{background-color:#F29774;}