@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css");

/* to use font awesome as your content in ::after or ::before */
selector::before {
	content: "\unicode"; /* you can get unicode from the website*/
    font-family: "Font Awesome 5 Free";
}
html {
    height:100%; 
}
body { 
    height:100%; 
    overflow:hidden;
    margin:0;
    padding:0; font-family:Arial,Helvetica, sans-serif; font-size:16px;
    color:#000;
    background-color: white;
}
.wrapper {
    width: 100%;
    height: 100%;
}
header{
    position: fixed;
    width: 100%;
    height: 3.125rem;
    background: transparent;
    top: .625rem;
    padding: 0 .625rem;
    z-index: 10;
}
.header_in {
    height: 100%;
    width: 100%;
    background-color: #fff;
    border-radius: .3125rem;
}
.pa360-header_logo {
    
}
.pa360-header_icons{
    max-width: 12.5rem;
    display: flex;
}
.pa360-header_icons .icon-item {
    width: 3.5rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    font-size: 1.5625rem;
}
.pa360-header_icons .icon-item:hover {
    background-color: rgb(128 128 128 / 14%);
}
.pa360-header_icons .icon-item i {
    color: #2d398e;
}
.pa360-header_description {
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
}
.pa360-header_logo img {
    height: 2.1875rem;
    width: auto;
    margin: .5rem .625rem;   
}
.pa360-header_icons .icon-item img {
    width: 1.5rem;
    height: 1.5rem;
}