/* Section Content Start */

:root{
   --bg01: #237e86;
    --bg02: #81ccd1;
}


/* .sec-main{
    margin-top: 100px;
} */
.padding-10{
    padding-left: 60px;
    padding-right: 60px;
}
.table-main{
    height: 90vh;
    overflow: scroll;
    padding: 30px;
}

::-webkit-scrollbar {
    display: none;
}

.box-main{
    background-color: var(--bg02);
    border-radius: 10px;
    margin-bottom: 20px;
}

.box-heading{
    padding: 6px;
}

.box-heading > span{
    /* font-weight: 500; */
    color: #000000;
}

.field-main{
    padding: 0;
    background-color: #fff;
    box-shadow: 0 5px 15px #ccc;
    border-radius: 10px;
    padding: 10px;
}

.single-field{
    margin-top: 20px;
}

.single-field input{
    width: 100%;
    padding: 5px 20px;
    outline: none;
    border: 1px solid var(--bg02);
    border-radius: 6px;
    text-align: center;
}

/* Hide Input Field Number Arrows */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}



/* Total Section */

.total-main{
    background-color: var(--bg01);
    padding: 20px 10px;
    border-radius: 10px;
    margin: 0;
    margin-top: 20px;
    height: 90vh;
    overflow: scroll;
}

.tot-h{
    font-size: 22px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 20px;
}

.tot-sub > span{
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    margin-top: 10px;
}

.l-hed{
    margin-top: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.r-val > span{
    margin-top: 10px;
    display: block;
    font-weight: 500;
    color: #fff;
}

/* Section Start */

.box-main-h{
    text-align: center;
    font-weight: 600;
    border-radius: 10px;
    font-size: 22px;
    color: #237e86;
}

.heading-main{
    margin-top: 50px;
}

.sec-h > h2{
    font-weight: 600;
    font-size: 40px;
    margin: 0;
    color: var(--bg01);
    position: relative;
}

.sec-h > h2::after{
    content: '';
    position: absolute;
    left: 10px;
    bottom: -10px;
    height: 5px;
    width: 90px;
    background-color: var(--bg02);
}

.sec-h > p{
    margin: 0;
    margin-top: 50px;
    font-weight: 500;
    font-size: 20px;
}


.box-main-h{
    text-align: center;
    font-weight: 600;
    border-radius: 10px;
    font-size: 22px;
    color: #237e86;
}