@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700;800&display=swap');
@font-face {
    font-family: 'metro';
    src: url('./Metropolis-Regular.otf');
}
@font-face {
    font-family: 'metromedium';
    src: url('./Metropolis-Medium.otf');
}
@font-face {
    font-family: 'metrosemibold';
    src: url('./Metropolis-SemiBoldItalic.otf');
}
@font-face {
    font-family: 'metrobold';
    src: url('./Metropolis-Bold.otf');
}
@font-face {
    font-family: 'metroextrabold';
    src: url('./Metropolis-ExtraBold.otf');
}
table {
    max-width: 800px !important;
    width: 100% !important;
    
}
body{
    font-family: 'Open Sans', sans-serif;
}

table,
td,
tr,
tbody,
div,
body {
    border: 0 !important;
    outline: none;
    border-style: none;
    margin-bottom: -1px;
}
.main-head {
    font-size: 36px;
    color: #3b3d40;
    font-family: 'metroextrabold'
}
.b-para{
    color: #666666;
    font-size: 20px;
    margin: 0 auto;
    max-width: 600px;
    margin-bottom: 20px;
}
p.para{
    font-size: 14px;
    color: #656b6f;
    line-height: 140%;
}
p.para a{
    text-decoration: none;
    color: #42a9ff;
}
.c-card{
    background: white !important;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
}
.tt-table{
    width: 100%;
    margin-top: 0px;
}

.tt-table tr td{
    border-bottom: 1px solid #2e6db6 !important;
}

.tt-table p{
    font-size: 14px;
    line-height: 140%;
    color: #656b6f;
}
.tt-table a{
    font-size: 14px;
    color: #0099ff;
    /* max-width: px !important; */
    display: inline-block;
    text-decoration: none;
    margin-left: 12px;
    text-align: center;
}

.num{
    min-width: 30px !important;
    min-height: 30px !important;
    width: 30px !important;
    height: 30px !important;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    background: #2e6db6;
    color: white;
    font-family: 'metroextrabold';
    margin-right: 15px;
}
.sm-head{
    font-size: 14px;
    font-family: 'metroextrabold';
    letter-spacing: 1px;
    color: #3c3d41;
}
.pp-table{
    width: 100%;
    margin-top: 0px;
}

.pp-table {
    border-bottom: 1px solid #2e6db6 !important;
}

.pp-table p{
    font-size: 14px;
    line-height: 140%;
    color: #656b6f;
    text-align: center;
}
.pp-table a{
    font-size: 14px;
    color: #0099ff;
    /* max-width: px !important; */
    display: inline-block;
    text-decoration: none;
    margin-left: 12px;
    text-align: center;
    padding-bottom: 10px;
}

.pp-table .num{
    min-width: 30px !important;
    min-height: 30px !important;
    width: 30px !important;
    height: 30px !important;
    display: block;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    background: #2e6db6;
    color: white;
    font-family: 'metroextrabold';
    margin: 0 auto !important; 
    margin-top: 15px !important;
}
.sm-head{
    font-size: 14px;
    font-family: 'metroextrabold';
    letter-spacing: 1px;
    color: #3c3d41;
}

.bt-line{
    color: rgba(255, 255, 255, 0.30);
    max-width: 600px;
    margin: 15px auto !important;
    font-size: 14px;
    text-align: center;
}

.bt-line a{
    color: rgba(255, 255, 255, 0.30);
}