/* body {  background-color: #f1edf7; }  */
body {  background-color:#ebf6f4;height:95vh;font-family: Marutham, sans serif;font-size: 13px;}
/* ecedfa */
/* ebf6f4 */
/* .div_paper_left { padding-top: 5px; padding-bottom: 5px; padding-left: 100px; color: red; }
.div_paper_left1 { font-size: 1.2em; font-family: "TAU-Marutham" ; }
.div_unit_left {padding-top: 5px; padding-bottom: 5px; padding-left: 150px;}
.div_lesson_left {padding-top: 5px; padding-bottom: 5px; padding-left: 200px;}
.div_right {     padding-right: 30px;   padding-bottom: 5px;   padding-left: 80px; }
.div_border { margin: auto; width: 50%; border: 5px solid green; padding: 10px; border-radius: 15px; } */
.pdfimg{margin-left:30px;}

/* .para { font-size: 0.875em; font-family: "TAU-Marutham" ; text-indent: 50px; text-align: justify;}

.para_center { font-size: 0.875em; font-family: "TAU-Marutham" ; text-align: center;}

.para1 { font-size: 0.875em; /* 14px/16=0.875em */ }

/*.li_para { font-size: 0.9em; font-family: TAU-Marutham ; text-align: left; line-height: 2.2; font-weight: 800;}

.p_paper_head { font-size: 1.1em; font-family: TAU-Marutham ; text-align: center; font-weight: 900;} */

/* .rTable { display: table; width: 75%; margin-left:auto;margin-right:auto; }
.rTableRow { display: table-row; }
.rTableHeading { display: table-header-group; background-color: #ddd; }
.rTableCell, .rTableHead { display: table-cell; padding: 10px 10px; border: 2px solid #000000; }
.rTableHeading { display: table-header-group; background-color: #ddd; font-weight: bold; }
.rTableFoot { display: table-footer-group; font-weight: bold; background-color: #ddd; }
.rTableBody { display: table-row-group; } */

/* * {  box-sizing: border-box; } */

/* Create two unequal columns that floats next to each other */
/* .column { float: left; padding: 10px; }
.left { width: 25%; }
.right { width: 75%; } */

/* Clear floats after the columns */
/* .row:after { content: ""; display: table; clear: both; } */


/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }





/*.div_paper_left {padding-top: 5px; padding-bottom: 5px; padding-left: 100px;}*/
/*.div_left {  style="padding-left: 80px;" }*/



/*width: 500px; border: 5px solid green; padding: 5px; margin: 10px; }*/





h1 { font-size: 2.5em; /* 40px/16=2.5em */ }

h2 { font-size: 1.875em; /* 30px/16=1.875em */ }

