*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
.advt img{
    width: 100%;
}
.advt{
    width: 400px;
    margin: auto;
}
.cd_headers{
    text-align: center;
    /*background-color: rgb(47, 93, 150);*/
    color: lightgrey;
    font-family: segoe UI;
}
.cd_headers h1{
    color: darkcyan;
}
.details{
    padding: 30px;
    max-width: 1200px;
    font-family: segoe UI;
    font-weight: 400;
    height: auto;
    margin: auto;
    display: flex;
    /* flex-direction: column; */
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
}
.description{
 display: flex;
 flex-direction: column;
 /* text-align: left; */
}
#first{
    font-weight: 700;
    background-color: rgb(255, 255, 255);
}
.table-1{
    border-collapse: collapse;
    width: 100%;
    border: 1px solid rgb(85, 111, 194);
    padding:20px;
}
thead{
    background-color: rgb(47, 93, 150);
    color: white;
    font-family: Arial;
    
}
th{
    padding: 20px;
}
td{
    font-family: segoe UI;
    color: rgb(99, 96, 96);
    font-weight: 400;
    padding: 20px;
    border: 1px solid rgba(128, 128, 128, 0.245);
}

/* media queries */
@media (max-width:780px){
    .details{
        display: flex;
        flex-direction: column;
    }
    table{
        width: 100%;
    }
    section{
        box-shadow: none;
    }
    section table{
        width: 50%;
    }
}
/* section-II */
section{
    padding: 30px;
    max-width: 1200px;
    font-family: segoe UI;
    font-weight: 400;
    height: auto;
    margin: 20px auto;
    display: flex;
    flex-direction: column;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
}
section>h2{
    color: grey;
    font-weight: 600;
}
section>.table-2{
    width: 100%;
    border-collapse: collapse;
    border: 1px solid rgb(85, 111, 194);
    padding:20px;
}
.table-1> td,th{
    padding:20px;
}
.table-2>td,th{
    padding:20px;
}