body{margin:0}
.data{margin-left:3px}
header.header {
    height: 115px;
    background: #eef0f3;
}
.top-logo-afir img {
    width: 100%;
    height: 100%;
}
img, svg {
    vertical-align: middle;
}
.top-logo-afir {
    height: auto;
    width: 280px;
    padding: 0 .3em;
}
.header-content {
     max-width: 1120px; 
     width: 100%; 
}

/* background-color */
.b-c_azure{background-color: azure}
.b-c_d-i-a{background-color: #220044dd;}
.b-c_lc{background-color: lightcoral;}
.b-c_lb{background-color: lightblue;}

/* text */
.t-d_u{text-decoration: underline;}
.t-a_c{text-align: center;}

/* width */
.w_20pc{width: 20%}
.w_70{width: 70px}
.w_100pc{width:100%}
.w_113{width: 113px}

/* flex */
.f-d_r{flex-direction: row;}
.f-d_c{flex-direction: column;}

/* border */
.b-r_5{border-radius: 5px}
.b_s-1-b{border: 1px solid blue}
.b_s-1-r{border: solid 1px red}
.b_s-2-r{border: solid 2px red}

/* display */
.d_f{display: flex;}
.d_i-b{display: inline-block;}

/* vertical-align */
.v-a_t{vertical-align: top;}

/* gap */
.g_10{gap: 10px}

/* margin */
.m-l_a{margin-left: auto}
.m_a{margin: auto}
.m-b_10{margin-bottom: 10px}

/* padding */
.p_2{padding: 2px}
.p_4{padding: 4px}


.a-i_c {align-items: center;}
.d_n{display: none;}
.p_a {position: absolute;}
.h_100pc{height:100%}
.c_w{color: white;}
.w_300{width: 300px}
.h_25{height: 25px}
.f-s_18{font-size: 18px}
.f-w_b{font-weight: bold}
.c_p{cursor: pointer;}
.m-l_10{margin-left: 10px}
.c_r{color:red}